Customize Joinchat layout with CSS styles

Do you want your chat window to stand out and match your website? With Joinchat, you don’t need to be a design expert to achieve it. Using simple CSS adjustments, you can change colors, backgrounds, and more. Give your chat a personal touch and impress your visitors!

css joinchat theme

✌️ Benefits of customizing the chat window

  1. Ease of use: You don’t need to be a design or programming expert. With simple changes, you can have a chat that reflects your style. We also offer a range of pre-made designs to use as a base.
  2. Adaptability: No matter your website’s design, you can make Joinchat seamlessly blend in. Change the header, add colored backgrounds, gradients, or design patterns—let your imagination fly.
  3. Exclusivity: By customizing your chat window, you provide a unique experience to your visitors, setting yourself apart from sites using standard solutions. It also portrays a professional image, showing that you value design and details for your company.

⚙️ How and where to change the design of Joinchat?

Customizing the chat window is easier than you might think. There are many ways to add CSS to your website but to customize Joinchat it is best to use its Custom CSS option in Joinchat / “Advanced” Tab because the styles are only loaded if the Joinchat contact button is displayed and you can also use the Preview to see live how your changes look.

custom css joinchat

Copy the CSS from any of the examples below and paste it into the “Custom Css” field:

Example 1: Gradient unicorn

gradient
/* Define background image and color */
.joinchat__box__scroll {
 background-image: linear-gradient
 (to right top, #edb923, #f1ab13, 
 #f59d05, #f98d00, #fc7d04, #ff6b28, 
 #ff593d, #ff484f, #ff3b74, #ff399c, 
 #ff47c8, #fb5ff4);
}
/* Define header color */
.joinchat__header {
 background: rgb(193, 9, 192);
}
/* Define header Emoji*/
.joinchat__header__text:before {
 content: "🦄";
 display: block;
 width: 30px;
 float: left;
 margin: 0 6px 0 0;
 font-size: 28px;
 background-color: #fff9;
 border-radius: 50px;
 border: solid 2px #fff8;
}

Example 2: WhatsApp style

gradient
/* Define background image and color */
.joinchat__box__scroll {
 background-color: rgb(230, 221, 212);
 background-image: url(https://cdn.join.chat/app/uploads/2020/05/whatsapp-bg.png);
}
/* Define header color */
.joinchat__header {
 background: #128C7E;
}

Example 3: Choral Style

css coral
/* Define background image and color */
.joinchat__box__scroll {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 315 325'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23023646;}.cls-3{clip-path:url(%23clip-path);}.cls-4,.cls-5,.cls-6,.cls-7{fill:%23075062;}.cls-4{opacity:0.73;}.cls-5{opacity:0.31;}.cls-7{opacity:0.93;}%3C/style%3E%3CclipPath id='clip-path'%3E%3Cpath class='cls-1' d='M0 0h315v325H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath class='cls-2' d='M0 0h315v325H0z'/%3E%3Cg class='cls-3'%3E%3Cpath class='cls-4' d='M61.46 321.49c.1 2.12.16 3.51.16 3.51H28.37s0-2.39-.1-6.13c1.49-.14 7.83-.57 10.05-.61l-.22-2.43c.06-.13-6.68.12-9.88.16v-7c0-120.44-.36-114.71.9-153.8 3.45-.47 5.82-1.42 5.82-2.52s-2.29-2-5.66-2.5c1-30.61 1.33-56.07 1.32-76.81 3.35-.74 5.63-2.17 5.63-3.83s-2.29-3.11-5.65-3.85C30.3 20.16 28.35 0 28.35 0h33.26c.22 4 .57 9.5 1 20.66-1.32 0-5.08 0-6.26.13l.47 2.21c1.49.06 4.1.35 5.87.59.37 10.79.78 26 1.17 47.89 0 1.94.06 4 .07 6.07-1.17 0-3.5.06-4.28.13l.35 1.59c1 0 2.66.22 3.94.38 0 8 0 17-.2 26.63-2.12.8-3.45 1.94-3.45 3.2s1.28 2.36 3.33 3.16c-.68 32.9-2.29 71.14-3.73 98-.69 12.82-.73 29.72-.48 46.58-2.25.65-3.79 2-3.79 3.55s1.6 3 3.92 3.59c.29 14.92.77 29.34 1.2 40.34-1.19 0-3.43.06-4.19.13l.36 1.61c1 0 2.64.22 3.92.38.09 2.21.17 4.25.25 6.12-4.7.46-8.2 2.18-8.2 4.24s3.68 3.91 8.58 4.31zm-5.07-149l-.44-3.49a69.74 69.74 0 0 0-7.81.12l.57 2.53c1.98.09 5.69.52 7.67.82zM48.66 57.16l-.22-2.45c.06-.14-7.65.29-10.49.29l.34 2.94s7.84-.74 10.37-.78zm-.92 55.36l.35 1.59c1.25.05 3.58.32 4.82.51l-.27-2.18a43.75 43.75 0 0 0-4.89.07zm-8.88.49l.25 1.93s5.72-.71 7.57-.74l-.16-1.53c.04-.12-5.58.33-7.66.33zm-1 23.86c-1 1.87 1 5.2 5.5 9.37l.64.54c.5.45.95.83 1.29 1.13l.8-.89.18-.21c.26-.31.57-.67.91-1.06 3.9-4.67 5.42-8.18 4.28-9.87a2.87 2.87 0 0 0-1.88-1.28 3.22 3.22 0 0 0-2.86 1.09 2.15 2.15 0 0 0-.54 1.3c0 .75-2.92.59-2.94.2a2.06 2.06 0 0 0-.66-1.19 3.13 3.13 0 0 0-3-.67 3 3 0 0 0-1.7 1.53zm2.83 27.34l.35 1.55c1.22.05 3.49.31 4.7.5l-.27-2.12a42.67 42.67 0 0 0-4.76.06zM34 170l.39 3s9.12-1.23 12.06-1.27l-.26-2.4c.05-.13-8.91.67-12.19.67zm7.11 44.64l.48 2.17c1.71.07 4.88.44 6.57.69l-.37-3a59.63 59.63 0 0 0-6.71.14zm11.85 34l-.45-3.47a69.88 69.88 0 0 0-7.83.15l.58 2.54c1.97.14 5.69.51 7.67.8zm-7.45 28a42.67 42.67 0 0 0-4.78.07l.35 1.55c1.22.05 3.49.31 4.7.5zM57.23 57.76l-.38-3a60 60 0 0 0-6.73.11l.49 2.18c1.73.09 4.92.46 6.62.71zm-4.12-8.21l.35 1.55c1.22.05 3.49.31 4.7.5l-.26-2.12a42.67 42.67 0 0 0-4.78.07zm-8.66.45l.24 2s5.58-.75 7.38-.77l-.16-1.58c0-.1-5.44.39-7.46.39zm-4.06-29.39l-.22-2.47c.06-.14-7.65-.14-10.5-.14l.33 3.37s7.86-.72 10.39-.76zm1 70.32l-.19-2.18c.06-.14-7.65.25-10.49.25l.29 3s7.89-1 10.42-1.07zM32 164l.24 2.19s5.58-.49 7.38-.52L39.5 164c0-.1-5.44 0-7.46 0zm-2.73 53.8s7.8-.94 10.31-1l-.22-2.2c.06-.14-7.6.39-10.42.39zm1.51 31.39s9.18-1.23 12.12-1.29l-.31-2.48c.07-.17-8.81.59-12.26.59zm1.46 29.27s5.58-.32 7.38-.34l-.12-1.92c0-.1-5.44-.2-7.46-.2zm15.35 4.41l-.22-2.56c.06-.14-7.65-.3-10.49-.3l.34 3.54s7.88-.65 10.41-.69zm2.16 15.36a1.82 1.82 0 0 0-.92-1.11 2 2 0 0 0-1.94.16 1.37 1.37 0 0 0-.56.7c-.11.47-1.88-.16-1.83-.4a1.31 1.31 0 0 0-.19-.85 2 2 0 0 0-1.68-.93 1.92 1.92 0 0 0-1.33.63c-.92 1-.32 3.35 1.69 6.69l.27.45c.23.36.43.68.59.92l.65-.4.15-.09.74-.49c3.23-2.19 4.79-4.05 4.39-5.29zM56.2 284l-.38-3a60 60 0 0 0-6.73.11l.49 2.18c1.72.04 4.91.41 6.62.71zm129.33-24.52l.35 1.55c1.22.05 3.49.31 4.7.5l-.27-2.12a42.67 42.67 0 0 0-4.78.07zm-1-53.62a3 3 0 0 0-1.36-1.91 3.32 3.32 0 0 0-3.16 0 2.22 2.22 0 0 0-1 1.06c-.23.75-3-.48-2.91-.86a2.12 2.12 0 0 0-.21-1.39 3.23 3.23 0 0 0-2.62-1.71 3.12 3.12 0 0 0-2.23.86c-1.61 1.46-.92 5.38 2 11l.39.75c.32.61.62 1.14.84 1.55l1.09-.57.25-.14 1.26-.7c5.43-3.05 8.13-5.89 7.67-7.94zm-.21 53.21c0-.1-5.44-.07-7.46-.07l.24 2.37s5.58-.33 7.38-.36zm-3.24-164.83l-.22-2.31c.06-.14-7.65.07-10.49.07l.34 3.16s7.84-.88 10.37-.92zm-6.27 84.61a42.67 42.67 0 0 0-4.78.07l.35 1.55c1.22.05 3.49.31 4.7.5zm2.8-91.33c1.22.05 3.49.31 4.7.5l-.31-2.13a42.67 42.67 0 0 0-4.78.07zm8.09 99.67l-.44-3.47a69.74 69.74 0 0 0-7.81.12l.57 2.53c1.98.1 5.69.52 7.68.82zm4-92l-.38-3a60 60 0 0 0-6.73.11l.41 2.21c1.75.08 4.94.49 6.65.7zm-6.38-69.6l.58 2.54c2 .08 5.72.49 7.71.78l-.45-3.47a69.88 69.88 0 0 0-7.89.17zM180 40.74a1.69 1.69 0 0 0-.86-.71 2.56 2.56 0 0 0-2.45.37 2.47 2.47 0 0 0-.87 1.69c-.18 1.72 2.3 3.67 7 5.51l.63.24 1.32.47.34-.92.08-.21c.11-.32.23-.68.38-1.08 1.58-4.72 1.69-7.84.32-8.79a2.35 2.35 0 0 0-1.81-.41 2.63 2.63 0 0 0-1.86 1.68 1.76 1.76 0 0 0 0 1.15c.18.55-2.12 1.27-2.22 1.01zM169 26l.45 3.29s9.18-1.14 12.12-1.2l-.31-2.56c.07-.17-8.81.46-12.26.46zm-.4 60l.24 2.08s5.58-.56 7.38-.58l-.16-1.65c0-.1-5.44.15-7.46.15zm-8.24 51.86s7.85-.87 10.38-.91l-.22-2.29c.06-.14-7.65.35-10.49.35zm1.24 43.2s5.58-.56 7.38-.59l-.16-1.62c0-.1-5.44.16-7.46.16zm14.14 5l-.26-2.44c.07-.17-8.89.35-12.19.35l.39 3.41s9.12-1.25 12.06-1.3zm4.57 81.46l-.22-2c.06-.14-7.6.48-10.42.48l.33 2.74s7.8-1.16 10.31-1.2zm1.94.14c1.71.07 4.88.44 6.57.69l-.37-3a59.63 59.63 0 0 0-6.68.1zm14.53 50.13c.26 6 .22 7.19.22 7.19h-32.92v-7.89c1.84-.17 7.68-.61 9.8-.65l-.26-2.44c.06-.13-6.26.11-9.56.15.12-15.63.81-22.93-1.38-51.17-.57-7.35-1-14.1-1.44-20.41 2.78-.5 4.8-2 4.8-3.79s-2.24-3.45-5.26-3.86c-2-34.72-1.44-55.09-1.11-82.83.15-12.57.35-23.79.58-33.94 3.13-.76 5.23-2.15 5.23-3.75s-2-2.93-5.05-3.7c1.11-43.48 2.79-66.09 3.42-90.92 1.58-.14 7.8-.7 10-.73l-.22-2.47c.06-.13-6.45 0-9.71.05C164 11.41 164 6 164 0h33c.07 3.5.1 7.11.14 10.49-1.27 0-5.11.1-6.31.2l.49 2.2c1.49.06 4.07.36 5.85.6.14 18.86-.19 36.41-.65 51.12-3.09.77-5.16 2.15-5.16 3.73s2 2.89 4.9 3.67c-.81 21.79-1.86 35.73-1.86 35.73-.34 5.79-.64 10.9-.89 15.5-1 0-3.68.05-4.53.12l.36 1.61c1 0 2.76.23 4.06.4-2 37.18-.68 38.94 1.59 87.95 1.08 23.38 1.27 47.71 1.36 67.83-5.26.28-9.32 2.1-9.32 4.32s4.09 4.06 9.36 4.33c0 6 .06 11.42.12 16.21a62.47 62.47 0 0 0-6.71.11l.49 2.18c1.61.07 4.51.33 6.27.58.04 3.43.12 6.39.23 8.93z'/%3E%3Cpath class='cls-5' d='M248.93 285.49c-.4 37.3-.69 39.51-.69 39.51h-19.92c0-5 .37-17.23.66-33.82 1.65-.18 4.57-.41 5.75-.43l-.15-1.54c0-.08-3.27.1-5.57.17.06-3.45.11-7.11.16-11 .14-12.27.08-60.22 0-103.09 2.78-.4 4.77-1.48 4.77-2.75s-2-2.35-4.78-2.75v-31.6c1.67-.23 4.44-.58 5.58-.6l-.15-1.37c0-.08-3.15.2-5.43.32v-34.22c.22-15.4.1-31-.12-46.13 2.85-.38 4.9-1.48 4.9-2.77s-2.1-2.41-5-2.78c-.09-5.77-.19-11.45-.28-17 1.68-.26 4-.58 5-.6l-.15-1.26c0-.07-2.67.13-4.88.3-.19-11.29-.39-22-.39-32h20s.05 3.3.14 8.85c-2.42.06-4.36 1.26-4.36 2.68s2 2.63 4.44 2.67c.06 3.77.12 8.2.19 13.11-1.11 0-2.94.07-3.59.12l.33 1.46c.83 0 2.18.17 3.29.31.33 23.46.77 57.29 1 86.69-2.79.4-4.79 1.48-4.79 2.75s2 2.37 4.83 2.76v7.06c-.79 0-2.31 0-2.83.08l.24 1.08c.66 0 1.75.14 2.6.25.06 10.79.08 20.53 0 28.32-.16 33.55-.32 60.31-.48 81.7-3.37.39-5.89 1.92-5.89 3.75s2.49 3.35 5.83 3.75c-.11 14.72-.22 26.63-.32 36.27-1.12 0-2.91.06-3.55.11l.33 1.46c.88-.02 2.18.05 3.28.18zm-6.61-76.22l.38 1.69c1.34.06 3.81.34 5.14.54l-.29-2.32a46.64 46.64 0 0 0-5.24.09zm.44-3.29c.82 0 2.33.21 3.14.33l-.18-1.42a28.54 28.54 0 0 0-3.2.05zm-1.2-47.07l.34 1.51c1.19 0 3.4.29 4.59.47l-.27-2.07a41.59 41.59 0 0 0-4.67.1zm.17 46.19c0-.07-3.64.39-5 .39l.16 1.15s3.73-.69 4.93-.71zm.81-111.9l-.11-1c0-.07-3.64.27-5 .27l.16 1.27s3.73-.51 4.93-.53zm3.81 5.16l-.25-2a40.12 40.12 0 0 0-4.5.07l.33 1.46c1.13.11 3.27.31 4.41.48zm-3.11-6.18l.23 1c.82 0 2.33.21 3.14.33l-.18-1.42a28.54 28.54 0 0 0-3.21.1zm-4.38-20.84l.46.33 1 .66.47-.68.11-.16.53-.8c2.28-3.52 3-6.05 2.1-7.12a2 2 0 0 0-1.4-.72 2.22 2.22 0 0 0-1.87 1 1.48 1.48 0 0 0-.26.93c.09.51-1.95.65-2 .38a1.42 1.42 0 0 0-.56-.76 2.16 2.16 0 0 0-2.08-.21 2.08 2.08 0 0 0-1.06 1.2c-.51 1.37 1.11 3.49 4.55 5.96zm1.76 26.48l-.15-1.26c0-.1-5.11.44-7 .44l.23 1.73s5.21-.87 6.91-.9zm-.07 62.49l-.18-1c0-.1-5.25.72-7.3.72l.27 1.55a66.14 66.14 0 0 1 7.19-1.26zm.62 50.69l-.17-2c0-.11-5.94 0-8.15 0l.26 2.47s6.1-.41 8.06-.47zm-2.91 58.49l.4.4.85.82.58-.59.13-.14.66-.7c2.84-3.09 4-5.46 3.27-6.66a2 2 0 0 0-1.25-.94 2.22 2.22 0 0 0-2 .66 1.49 1.49 0 0 0-.41.88c0 .52-2 .31-2 0a1.42 1.42 0 0 0-.42-.84 2.16 2.16 0 0 0-2-.56 2.08 2.08 0 0 0-1.25 1c-.82 1.33.47 3.68 3.44 6.7zm-5 38l.16 1.24s3.73-.56 4.93-.58l-.11-1c0-.07-3.64.34-5 .34zm5.81 5.59l-.17-2c0-.11-5.94-.08-8.15-.08l.26 2.59s6.13-.47 8.09-.5zm.22-5c.82 0 2.33.21 3.14.33l-.15-1.41a28.54 28.54 0 0 0-3.2 0zm6.44 5.7l-.29-2.32a46.64 46.64 0 0 0-5.22.08l.38 1.69c1.4.04 3.84.33 5.16.53z'/%3E%3Cpath class='cls-6' d='M124.07 242.59c-.39 41.06-1.25 82.41-1.25 82.41h-15c.2-3 .49-11.28.79-20 .37 0 .76.12 1.15.12 3.53 0 6.4-1.46 6.4-3.26s-2.86-3.26-6.4-3.26h-.94c.42-13 .82-28.55 1-42.17 0-2.71.07-5.31.1-7.84.8-.09 4.31-.46 5.54-.47l-.13-1.31c0-.07-3.61.12-5.39.14.15-12.7.21-23.22.21-32.31 2.58-.28 4.48-1.24 4.48-2.38s-1.9-2.1-4.48-2.39c0-19.4-.4-32.26-.84-47.15-.28-9.47-.52-19.4-.71-29.46 1.38-.19 3.94-.53 5-.54l-.13-1.16c0-.07-2.92.19-4.86.28q-.09-5-.17-10c2.34-.34 4-1.25 4-2.33s-1.71-2-4.09-2.34c-.39-26.28-.54-52.5-.58-73.44 1.38-.22 3.92-.6 4.94-.62l-.1-1.11c0-.07-2.87.25-4.82.37V13.6a6 6 0 0 0 2 .35c2.13 0 3.86-1 3.86-2.24s-1.65-2.2-3.8-2.2a6 6 0 0 0-2 .56V0h15c-.2 5-.69 12.74-.74 28-2.15.38-3.66 1.12-3.66 2.13s1.51 1.84 3.66 2.22v6.94c-1 0-2.35 0-2.87.09l.28 1.23c.66 0 1.7.13 2.6.24.17 22.95.25 39.4.3 52.31-.26 0-2.12 0-2.66.05l.2.88c.64 0 1.75.15 2.47.25.05 12.19.09 21.2.18 29.62-.66 0-1.45 0-1.78.07l.17.97c.41 0 1 .07 1.59.14.15 13.38.46 25.56 1.2 47.18.54 15.61.5 42.24.26 68.89-.76 0-1.55 0-1.91.07l.27 1.24c.47.01 1.06 0 1.66.07zM119 192.48l.32 1.44c1.13 0 3.23.29 4.35.46l-.25-2a39.52 39.52 0 0 0-4.42.1zm-1.55-20.54c.18.41-1.48.92-1.57.71a1.2 1.2 0 0 0-.61-.52 1.83 1.83 0 0 0-1.75.23 1.76 1.76 0 0 0-.64 1.19c-.15 1.22 1.6 2.65 4.92 4l.45.18.94.35.26-.65.06-.15c.08-.23.17-.48.28-.77 1.18-3.35 1.3-5.58.33-6.28a1.68 1.68 0 0 0-1.29-.32 1.88 1.88 0 0 0-1.34 1.18 1.26 1.26 0 0 0-.04.85zm1.73 16.88l.2.88c.69 0 2 .18 2.67.28l-.15-1.2a24.19 24.19 0 0 0-2.72.03zm-4.91.19l.14 1.06s3.16-.32 4.18-.34l-.09-.84c0-.06-3.08.11-4.23.11zm4.08 80.13l.19.88c.69 0 2 .19 2.66.29l-.15-1.2a24.18 24.18 0 0 0-2.7.02zm0-119.32l.29 1.28c1 0 2.88.25 3.89.39l-.23-1.75a35.26 35.26 0 0 0-3.95.07zm.83-55.82l-.09-.71c0-.06-3.08.22-4.23.22l.14 1.08s3.16-.59 4.18-.59zm-.79 2.87l.28 1.24c1 0 2.78.25 3.75.4l-.22-1.71a34 34 0 0 0-3.81.06zm-2.33-21.27l.39.28.83.56.4-.57.09-.13.45-.68c1.93-3 2.56-5.13 1.78-6a1.68 1.68 0 0 0-1.18-.61 1.88 1.88 0 0 0-1.58.83 1.26 1.26 0 0 0-.24.72c.08.44-1.65.55-1.69.32a1.2 1.2 0 0 0-.47-.65 1.83 1.83 0 0 0-1.76-.18 1.76 1.76 0 0 0-.9 1c-.4 1.22.97 3.01 3.88 5.11zm1.49 22.4l-.13-1.17c0-.08-4.33.2-5.94.2l.19 1.63s4.45-.66 5.88-.66zm-6.4 53l.23 1.22s4.63-.9 6.12-.93l-.16-1c0-.08-4.45.68-6.18.68zm6.15 123.13l-.14-1.3c0-.09-5 .17-6.91.17l.21 1.93s5.18-.78 6.84-.8zm.45-4.3l-.08-.85c0-.06-3.08 0-4.23 0l.13 1.26s3.16-.4 4.18-.41zm.25-76.08l-.15-1.17c0-.09-5 .42-6.91.42l.22 1.71s5.21-.93 6.84-.96zm4.91 81.11l-.24-2a39.51 39.51 0 0 0-4.43 0l.31 1.44c1.17.14 3.27.39 4.39.56z'/%3E%3Cpath class='cls-5' d='M26.57 305.64L26.49 325H7.54s0-1.37.06-3.18c1.7-.26 3-1.08 3-2.16s-1.24-1.91-2.92-2.18c0-1.82 0-4 .06-6.39l.2 1.76s5.29-.48 7-.5l-.16-1.7c0-.1-5.08.07-7 .07.08-8.71.2-21 .33-35.77h.17c3.62 0 6.56-1.5 6.56-3.35s-2.94-3.35-6.56-3.35H8.1c.29-33.18.62-76.61.82-118 1.63-.22 4.69-.61 5.92-.63l-.15-1.4c0-.08-3.45.21-5.76.31.15-32.31.23-63.28.13-87 2-.42 3.42-1.27 3.42-2.26S11.07 57.38 9 57c0-10.66-.12-19.63-.26-26.36C10 30.49 14 30 15.43 30l-.15-1.5c0-.09-4.36.22-6.58.27-.1-4-.21-7-.35-9C7.56 8.32 7.53 1 7.53 0h19l.1 25.53c-1.14 0-2.74 0-3.34.05l.33 1.47c.77 0 2 .15 3 .27L27 121.4c-2.65.29-4.6 1.27-4.6 2.45s2 2.16 4.62 2.45l.17 44.2L27 201c-2.92.21-5.13 1.25-5.13 2.5s2.22 2.28 5.13 2.5l-.37 87.47c-3 .31-5.26 1.66-5.26 3.28s2.24 3 5.23 3.28v3.82c-1.13 0-2.86 0-3.49.1l.34 1.45c.77.03 2.03.1 3.12.24zm-3.15-166.3l.24 1.08c.86 0 2.44.22 3.29.35l-.19-1.48a29.83 29.83 0 0 0-3.34.05zm-5 27.33l.33 1.47c1.16 0 3.31.3 4.47.47l-.25-2a40.53 40.53 0 0 0-4.57.07zm1.22-74l-.09-.89c0-.06-3.16.21-4.34.21l.14 1.12s3.22-.42 4.27-.44zm-.84 71.14c.71 0 2 .18 2.73.29l-.16-1.23a24.79 24.79 0 0 0-2.78 0zm4.15-66.68l-.24-1.73a34.9 34.9 0 0 0-3.91.06l.28 1.27c1.01.04 2.86.27 3.85.41zm.21-4.13L23 91.72a24.81 24.81 0 0 0-2.78 0l.2.9c.72.08 2.04.23 2.74.38zm-4.39-82.16l.2.9c.71 0 2 .19 2.73.3l-.15-1.23a24.81 24.81 0 0 0-2.78.03zm-.07 3.91l.3 1.47c1.16.05 3.31.31 4.46.49l-.24-2a40.52 40.52 0 0 0-4.52.04zm-5-3.75l.13 1.16s3.24-.38 4.29-.39l-.09-.93c0-.06-3.16.16-4.34.16zm4 5l-.14-1.76c0-.1-5.16-.23-7.08-.23l.22 2.38s5.3-.39 7-.39zm.8 29.78l.4.28.85.58.41-.64.09-.14.46-.7c2-3.06 2.63-5.26 1.82-6.18a1.72 1.72 0 0 0-1.21-.62 1.93 1.93 0 0 0-1.62.86 1.29 1.29 0 0 0-.22.81c.08.45-1.69.56-1.73.33a1.23 1.23 0 0 0-.48-.66 1.88 1.88 0 0 0-1.81-.18 1.81 1.81 0 0 0-.92 1c-.44 1.26.96 3.09 3.95 5.25zM18 96.7l-.13-1.35c0-.08-4.44.16-6.1.16l.2 1.72s4.51-.51 6.03-.53zM13.55 163l.14 1.17s3.24-.33 4.29-.35l-.09-.93c0-.06-3.16.1-4.34.1zm-3.14 5.87s5.3-.51 7-.54l-.15-1.56c0-.1-5.16.22-7.08.22zm8.52 88.38l-.16-1.34c0-.09-4.56.08-6.34.08l.23 1.89s4.74-.59 6.26-.62zm.28-30.51c1.21-3.44 1.34-5.73.34-6.44a1.72 1.72 0 0 0-1.32-.33 1.93 1.93 0 0 0-1.38 1.21 1.29 1.29 0 0 0 0 .84c.18.42-1.52.94-1.61.72a1.23 1.23 0 0 0-.62-.53 1.88 1.88 0 0 0-1.8.24 1.81 1.81 0 0 0-.65 1.22c-.15 1.25 1.64 2.72 5 4.12l.46.21 1 .36.26-.67.06-.16c.05-.22.14-.53.25-.78zm.9 30.71c1 0 3 .25 4 .4l-.23-1.8a36.17 36.17 0 0 0-4.05.08z'/%3E%3Cpath class='cls-7' d='M150.83 318.86c.06 3.65.09 6.14.09 6.14h-19.39s0-3.36.17-7.36 0-15-.16-28.5a47.81 47.81 0 0 1 6-1.06l-.16-1a24.09 24.09 0 0 0-5.88.47c-.13-9.75-.3-20.5-.45-30.38 3.15-.12 5.61-1.2 5.61-2.52s-2.5-2.41-5.69-2.52c-.06-3.91-.11-7.61-.16-11-.31-22.72-.86-37.89-1.38-62.51-.15-7.23-.27-13.85-.35-20 1.2-.18 5.42-.78 6.93-.8l-.15-1.41c0-.09-4.52.34-6.8.4-.29-21.91-.17-37 0-48.7 3.13-.13 5.57-1.21 5.57-2.52s-2.39-2.37-5.47-2.52c.15-7.35.32-13.44.42-19.37.33-20.61.78-40.78 1.16-56.18l.12.85s5.62-1.05 7.43-1.08l-.16-1.23c0-.1-5.24.6-7.37.63.09-3.65.18-7 .26-10.06h.6c2.19 0 4-1 4-2.3s-1.77-2.3-4-2.3c-.16 0-.32.07-.48.08.25-7.61.38-12.11.38-12.11h19.42c0 8-.07 15.24-.23 22.6-1.14 0-3.38 0-4.14.07l.35 1.55c.95 0 2.52.2 3.75.36-.21 9-.52 17.94-.88 27.68-4.13.2-7.33 1.64-7.33 3.38s3.07 3.11 7.08 3.36c-.58 15.39-1.24 33-1.82 55.54-.27 10.53-.32 21.43-.24 32.54-.86 0-2.06 0-2.52.09l.25 1.13c.58 0 1.48.11 2.28.21.1 12.21.35 24.67.65 37.22-1.2 0-3 .07-3.64.12l.35 1.56c.85 0 2.18.17 3.34.31.24 9.65.5 19.34.74 29 0 .73 0 1.49.06 2.27h-.59c-2.19 0-4 1-4 2.31s1.77 2.31 4 2.31a6.73 6.73 0 0 0 .7 0c.42 18.56.91 45.77 1.27 67.31-.86-.11-2.17-.23-2.65-.25l.11 1.15c.65.11 1.72.36 2.57.58.13 7.73.25 14.67.34 20.13-3 .29-5.33 1.59-5.33 3.22s2.33 2.84 5.42 3.11zm-9.63-114.15l.3 1.35c1.07 0 3 .27 4.11.43l-.23-1.85a37.24 37.24 0 0 0-4.18.07zm3.8-83.16l-.23-1.8a36.17 36.17 0 0 0-4.05.08l.3 1.31c1.04.05 2.98.26 3.98.41zm-3.8-43.88l.3 1.33c1.07 0 3 .27 4.11.43l-.23-1.85a37.24 37.24 0 0 0-4.18.09zm-.55-4l.21 1c.76 0 2.17.19 2.92.31l-.17-1.32a26.48 26.48 0 0 0-2.96.06zm-.13 127a26.48 26.48 0 0 0-3 0l.21 1c.76 0 2.17.19 2.92.31zm-3.27-156.79l.2.38.42.74.55-.29.13-.07.64-.35c2.75-1.57 4.13-3 3.88-4a1.49 1.49 0 0 0-.68-1 1.68 1.68 0 0 0-1.59 0 1.12 1.12 0 0 0-.5.53c-.12.38-1.53-.24-1.47-.44a1.07 1.07 0 0 0-.11-.7 1.63 1.63 0 0 0-1.32-.86 1.57 1.57 0 0 0-1.12.43c-.81.8-.46 2.75.97 5.63zm-2 30.12l.15 1.2s3.46-.45 4.58-.46l-.1-1c0-.06-3.37.22-4.63.22zm5 4.92l-.14-1.23c0-.09-4.75.31-6.51.31l.21 1.7s4.91-.76 6.48-.78zm-.44 42l-.16-1.19c0-.09-4.56.23-6.34.23l.23 1.74s4.78-.7 6.31-.7zM137.3 182l-.16-.84c0-.1-5.47.81-7.51.81l.24 1.5a57.25 57.25 0 0 1 7.43-1.47zm-5 19.86s3.46-.23 4.58-.24l-.1-1.08c0-.06-3.37-.06-4.63-.06zm8 4.47l-.14-1.65c0-.09-4.75.29-6.51.29l.21 1.72s4.86-.31 6.43-.33zm1.18 74.13l.4.29.84.59.42-.58.1-.14.47-.69c2-3 2.69-5.23 1.9-6.16a1.72 1.72 0 0 0-1.21-.64 1.93 1.93 0 0 0-1.63.84 1.29 1.29 0 0 0-.23.81c.07.45-1.7.54-1.74.31a1.23 1.23 0 0 0-.47-.67 1.88 1.88 0 0 0-1.8-.2 1.81 1.81 0 0 0-.93 1c-.48 1.23.91 3.08 3.87 5.27zm2.88 21.84a24.79 24.79 0 0 0-2.78 0l.2.9c.71 0 2 .18 2.73.29zm-7.81.17l.14 1.2s3.24-.39 4.29-.41l-.09-1c0-.06-3.16.17-4.34.17zm3.31 4.54l-.16-1.32c0-.09-4.56.28-6.34.28l.23 1.69s4.73-.59 6.26-.66zm5.17.42l-.23-1.8a36.17 36.17 0 0 0-4.05.08l.3 1.31c1.01.08 2.95.29 3.95.44z'/%3E%3Cpath class='cls-5' d='M275.88 325h-14.76s.14-15.33.32-31.76a31.68 31.68 0 0 1 4.31-.57l-.14-.93c0-.06-2.13.29-4.15.53.14-12.57.3-25.56.45-32.62.56-26.84 1.16-47.34 1.62-67.61 3.07-.5 5.23-1.72 5.23-3.16s-2.1-2.62-5.1-3.14c.27-12.82.48-25.8.57-40.48.09-13.86-.72-51.44-1.54-84.87 1.76-.24 3.07-1.15 3.07-2.24s-1.37-2-3.18-2.26c-.38-15.54-.76-29.86-1-40.08a39.5 39.5 0 0 1 4.33-.54l-.19-1.27c0-.06-2.1.11-4.21.32-.23-8.7-.35-14.32-.35-14.32h14.75c.38 3.5.62 6.52.79 10.43-1 0-2.1.11-2.58.15l.35 1.58c.6 0 1.45.11 2.3.2.17 4.76.26 11.15.39 21.42.27 21.69-.19 45.17-.39 73.11-.55 0-3.06 0-3.81.1l.29 1.27c.9 0 2.47.2 3.51.34-.1 14.71-.13 30.64.06 48.2 0 1.84 0 3.62.06 5.37-1.82.21-3.18 1.14-3.18 2.26s1.4 2.07 3.24 2.26c.7 55.29 1.76 66.15-.89 106.07h-.45c-3.43 0-6.21 1.14-6.21 2.54s2.78 2.54 6.21 2.54h.14c-.36 6.46-.53 12.56-.59 18.09-1 0-2.29.06-2.81.1l.32 1.43c.63 0 1.57 0 2.47.08-.13 16.46.75 27.46.75 27.46zm-.47-86.11a36.17 36.17 0 0 0-4.05.08l.3 1.31c1 0 3 .25 4 .4zm-2-1.38l-.17-1.32a26.48 26.48 0 0 0-3 0l.21 1c.78.04 2.19.2 2.94.31zm1.5-132.21l-.2-1.56a31.44 31.44 0 0 0-3.52.07l.26 1.14c.88.05 2.55.21 3.44.34zm-.41-60.45l-.22-1.73a34.9 34.9 0 0 0-3.91.06l.28 1.27c1 .03 2.86.24 3.85.4zm-1.67-5.37l.2.9c.71 0 2 .18 2.73.29l-.16-1.23a24.81 24.81 0 0 0-2.77.03zm-5-.47l.14 1.39s3.24-.13 4.29-.15l-.09-1.07c0-.06-3.16-.17-4.34-.17zm1.73 5.53l-.13-1.33c0-.08-4.44.3-6.1.3l.2 1.58s4.47-.54 5.99-.56zM265 105.43s4.13-.5 5.45-.53l-.14-1.1c0-.07-4 .19-5.51.19zm1 3.57s4.59-.67 6.06-.7l-.06-1.16c0-.08-4.41.36-6.13.36zm3.1 28.34l.23.36.5.74.52-.34.12-.08.6-.41c2.59-1.82 3.82-3.38 3.48-4.38a1.49 1.49 0 0 0-.77-.89 1.67 1.67 0 0 0-1.58.16 1.12 1.12 0 0 0-.44.58c-.08.38-1.54-.1-1.5-.29a1.07 1.07 0 0 0-.17-.69 1.63 1.63 0 0 0-1.39-.73 1.57 1.57 0 0 0-1.08.54c-.71.79-.18 2.72 1.53 5.42zm-.55 76l.13.41c.11.33.21.62.29.84l.59-.19h.14l.68-.24c3-1.1 4.56-2.28 4.49-3.34a1.49 1.49 0 0 0-.52-1.06 1.67 1.67 0 0 0-1.57-.25 1.12 1.12 0 0 0-.58.45c-.18.35-1.47-.49-1.38-.67a1.07 1.07 0 0 0 0-.71 1.63 1.63 0 0 0-1.16-1.06 1.57 1.57 0 0 0-1.18.24c-.86.52-.84 2.53.11 5.57zm-3.71 23.17l.15 1.23s3.46-.46 4.58-.48l-.1-1c0-.06-3.37.24-4.63.24zm5.61 3.87l-.16-1c0-.09-4.56.67-6.34.67l.23 1.3s4.82-.95 6.31-.98zM93.67 290.24C94.36 310.17 95 325 95 325H75.65s-.06-12.16-.31-19c-.15-4.14-.28-7.07-.44-10 1.68-.18 4-.37 5-.38l-.15-1.52c0-.07-2.76.08-5 .16-.3-5.26-.67-10.6-1.33-21.61-.72-12.05-1.06-23-1.16-33.64 1-.07 6.11-.42 7.87-.44l-.13-2.04c0-.1-5.25 0-7.72 0-.08-11.88.13-23.37.43-35.5 1.51-.21 4.89-.67 6.18-.69l-.12-1.34c0-.08-3.71.25-6 .35.22-8.77.48-17.89.71-27.75.2-8.52.38-17.68.54-27.17 3.52-.18 6.24-1.41 6.24-2.89s-2.67-2.68-6.14-2.89c.47-28.08.82-58.5 1.06-83.65h.34c2.52 0 4.56-1.19 4.56-2.65s-2-2.65-4.56-2.65h-.29c0-3.95.07-7.74.1-11.35 1.38-.2 2.83-.38 3.58-.39l-.15-1.26c0-.05-1.64.11-3.42.26C75.54 15 75.63 0 75.63 0H95c1.09 18.26-.49 87.14-1 107.79-3.22.28-5.64 1.45-5.64 2.85s2.35 2.53 5.5 2.84v.21c.34 11.84-.82 17-1.68 77.59l-1 .05.24 1.08.78.05v2.11c-.25 18.67.07 41.08.58 62-2.39.65-4 1.93-4 3.4s1.71 2.81 4.19 3.45c.24 9 .5 17.5.76 25.22-1.08 0-2.45.06-3 .11l.33 1.39c.58.01 1.64-.02 2.61.1zM92.59 91.95l-.25-2a40.12 40.12 0 0 0-4.5.07l.33 1.46c1.15.05 3.28.29 4.42.47zm-1.81-23.4l-.18-1.42a28.54 28.54 0 0 0-3.2 0l.23 1c.83.12 2.37.29 3.16.41zm-.51-36.18l.33 1.46c1.15 0 3.28.29 4.42.47l-.25-2a40.11 40.11 0 0 0-4.5.07zM82.42 21.9l.25.51c.2.42.39.78.54 1.05l.74-.36.17-.1.88-.43c3.7-2 5.58-3.84 5.29-5.21a2 2 0 0 0-.87-1.3 2.22 2.22 0 0 0-2.11 0 1.49 1.49 0 0 0-.68.69c-.17.49-2-.37-1.93-.63a1.42 1.42 0 0 0-.12-.93A2.16 2.16 0 0 0 82.86 14a2.08 2.08 0 0 0-1.51.54c-1.13.89-.74 3.52 1.07 7.36zm4.29 46.46l-.11-.88c0-.07-3.64.53-5 .53l.16 1s3.75-.64 4.95-.66zm-.24 17.36a28.54 28.54 0 0 0-3.2 0l.23 1c.82 0 2.33.21 3.14.33zm-8.83 1.56s3.73-.41 4.93-.43l-.11-1c0-.07-3.64.16-5 .16zm9.22 4.23l-.15-1.15c0-.1-5.11.65-7 .65l.23 1.52s5.23-1 6.92-1.02zm-5.53 145.42l.38 1.69c1.34.06 3.81.34 5.14.54l-.29-2.32a46.64 46.64 0 0 0-5.23.09zm1.47-2.26c.82 0 2.33.21 3.14.33l-.18-1.42a28.54 28.54 0 0 0-3.2.05zm3-69.26l-.18-1.17c0-.1-5.25.75-7.3.75l.27 1.52s5.41-1.06 7.17-1.09zm-3.88 69.32l-.11-1c0-.07-3.64.29-5 .29l.16 1.24s3.7-.51 4.9-.53zm-.85 46.07l.47.31 1 .64.45-.69.1-.16c.15-.24.32-.52.51-.82 2.18-3.59 2.86-6.13 1.9-7.17a2 2 0 0 0-1.41-.68 2.22 2.22 0 0 0-1.84 1 1.48 1.48 0 0 0-.23.94c.11.51-1.93.7-2 .44a1.42 1.42 0 0 0-.58-.75 2.16 2.16 0 0 0-2.08-.15 2.08 2.08 0 0 0-1 1.23c-.48 1.41 1.2 3.48 4.71 5.86zM78 312.74s3.73-.5 4.93-.52l-.11-1c0-.07-3.64.27-5 .27zm8.42 4.44l-.17-1.65c0-.11-5.94.47-8.15.47l.26 2s6.07-.79 8.03-.83zm.59-4.7l-.18-1.42a28.54 28.54 0 0 0-3.2.05l.23 1c.8.06 2.31.24 3.14.36zm.13-147.11c1.19 0 3.4.29 4.59.47l-.27-2.07a41.59 41.59 0 0 0-4.66.09zm5.94 152.3l-.29-2.32a46.64 46.64 0 0 0-5.22.08l.38 1.69c1.3.06 3.78.34 5.1.54z'/%3E%3Cpath class='cls-7' d='M307.25 261.41c.83 36.5-.92 63.59-.92 63.59h-26.57s.22-4.69.5-11.77c3.88-.33 6.79-1.67 6.79-3.35s-2.79-3-6.55-3.35c.46-13.85.86-32.5.28-45.34-.27-6-.48-10.77-.67-15.91.27 0 6.29-.69 8.27-.72l-.18-1.85c0-.11-5.76.21-8.17.23-.12-3.37-.23-7-.34-11.29 3 0 5.45-1.42 5.45-3.17s-2.44-3.17-5.45-3.17h-.2c-.26-10.43-.58-24.64-1.07-46.48-.24-12.05-.42-20.14-.42-34.83 1.4-.16 6.17-.68 7.89-.71l-.18-1.83c0-.1-5.09.19-7.71.25 0-4.5 0-9.62.05-15.61 2.77-.58 4.66-1.75 4.66-3.1s-1.88-2.52-4.62-3.1c0-3.93.06-8.17.09-12.84.08-9.51.17-19 .28-28.18 1.47-.18 6.14-.72 7.84-.75l-.18-1.78c0-.1-5 .23-7.63.3.14-11.5.3-22.48.45-32.34 3.13-.52 5.34-1.77 5.34-3.23s-2.16-2.69-5.24-3.22c.12-7.56.24-14.3.34-19.9 1.33-.16 6.21-.74 7.95-.76l-.18-1.78c0-.1-5.11.15-7.73.21.2-9.63.32-15.63.32-15.63h26.6c-.21 3.5-.6 10.74-1 20.63-1.32 0-3.62.11-4.42.18l.39 1.76c1 0 2.61.22 3.94.38-.07 1.72-.14 3.51-.21 5.36-4.3.13-7.66 1.22-7.66 2.53s3.26 2.37 7.47 2.52c-.4 11.15-.8 24.19-1.1 37.95-1.33 0-3.17.08-3.87.13l.39 1.74c.87 0 2.22.17 3.43.31-.26 12.73-.43 26-.43 39v20c-1 0-2.3.06-2.81.1l.29 1.29c.64 0 1.63.12 2.53.23.09 23.29.59 55.89 3 102.07-.87-.05-4.16 0-5.15.12l.39 1.74c1.25.05 3.47.3 4.89.5.32 6.24.56 12.33.73 18.2-2.43.25-4.24 1.17-4.24 2.35s1.86 2.09 4.35 2.32zM288.1 55.95l.26.47c.22.38.41.71.56 1l.68-.38.16-.09.79-.47c3.39-2.08 5.07-3.93 4.72-5.22a1.87 1.87 0 0 0-.9-1.18 2.11 2.11 0 0 0-2 .08 1.41 1.41 0 0 0-.6.69c-.13.48-1.93-.24-1.86-.49a1.34 1.34 0 0 0-.16-.88 2 2 0 0 0-1.69-1 2 2 0 0 0-1.4.59c-.99.93-.48 3.35 1.44 6.88zm4.39 29.3l-.25-1.81c.06-.13-7 .56-9.8.56l.36 2.48s7.34-1.19 9.69-1.23zm-9 81.66c0 1.74 2.63 3.48 7.5 4.91l.65.19 1.37.36c.07-.26.17-.58.26-.95l.06-.22c.08-.33.17-.7.28-1.12 1.17-4.88 1-8-.46-8.85a2.37 2.37 0 0 0-1.86-.25 2.65 2.65 0 0 0-1.71 1.85 1.77 1.77 0 0 0 .08 1.16c.31.54-1.94 1.5-2.1 1.22a1.7 1.7 0 0 0-.93-.64 2.58 2.58 0 0 0-2.43.59 2.48 2.48 0 0 0-.67 1.75zm11 35.77l-.21-1.7a34.1 34.1 0 0 0-3.82.06l.28 1.24c1 .04 2.81.25 3.78.4zm-1.87 2.15l.39 1.73c1.37.06 3.9.35 5.25.55l-.3-2.37a47.64 47.64 0 0 0-5.31.09zm-3.13-3.94c0-.08-4.35.11-6 .11l.19 1.72s4.46-.22 5.9-.25zm2 5.8l-.18-2c.05-.11-6.07.27-8.33.27l.27 2.29s6.22-.53 8.23-.56zM288.32 277l.19 1.78s4.46-.38 5.9-.4l-.13-1.4c0-.08-4.35 0-6 0zm3.77 6.64l-.17-1.64c.05-.11-6.11 0-8.38 0l.27 2.54s6.26-.87 8.29-.9zm6.85 1l-.3-2.38a48 48 0 0 0-5.37.08l.39 1.74c1.34.02 3.92.31 5.28.52zm.34-5.75l-.21-1.7a34.1 34.1 0 0 0-3.82.06l.28 1.24c.97 0 2.78.21 3.75.35zM300.47 86l-.36-2.78a55.86 55.86 0 0 0-6.26.12l.46 2c1.6.1 4.57.42 6.16.66z'/%3E%3Cpath class='cls-6' d='M225.68 318.83c-.06 2 0 4.09-.11 6.17h-26.4s0-8.64.08-22c1.69-.19 6-.65 7.59-.68l-.18-1.83c0-.1-4.7.17-7.4.24 0-3.94.07-8.21.13-12.7.05-4.21.18-9.25.36-14.85 3-.54 5.14-1.77 5.14-3.2s-2-2.6-4.92-3.15c1-27.16 2.78-64.3 2.78-89.05v-7.94c.61-.07 6.32-.72 8.23-.75l-.18-1.83c0-.11-5.58.22-8.06.25-.12-53.68-1.17-98.34-2.09-127.93 1.66-.2 6-.7 7.64-.73l-.18-1.78c0-.1-4.86.22-7.53.29-.31-9.64-.6-17.58-.84-23.59 1.89-.64 3.09-1.6 3.09-2.68s-1.3-2.11-3.31-2.75c-.22-5.13-.34-8.34-.34-8.34h26.4c-.49 15.16.29 28.62 1 44.47-1.23 0-3.86.06-4.73.13l.39 1.74c1.13 0 3 .25 4.44.44.39 8.81.75 18.56.88 30.05 0 4 .09 7.87.13 11.69-2.33.62-3.87 1.7-3.87 2.92s1.57 2.31 3.93 2.93c.24 24.32.39 45.4.45 63.89-1 0-2.18.06-2.66.1l.29 1.29c.61 0 1.52.11 2.38.21v29.18c-2 .47-3.39 1.61-3.39 2.93s1.39 2.46 3.37 2.93c-.13 54.28-1.19 81.49-2.19 113.1-.94 0-2.08.06-2.54.09l.29 1.29c.57 0 1.4.1 2.2.19l-.12 3.81c-2 .64-3.24 1.62-3.24 2.73s1.21 2.08 3.09 2.72zm-2.75-86.73l-.35-2.77a55.72 55.72 0 0 0-6.25.1l.45 2c1.6.08 4.57.42 6.15.66zm-5-6.4c1 0 2.79.25 3.76.4l-.21-1.7a34.1 34.1 0 0 0-3.82.06zm1.46-83.86l.39 1.74c1.37.06 3.92.35 5.29.56l-.3-2.38a48 48 0 0 0-5.39.07zm-2.52-67.78l.46 2c1.6.06 4.57.39 6.16.62l-.36-2.78a55.86 55.86 0 0 0-6.27.15zm2.13 63.66a34.1 34.1 0 0 0-3.82.06l.28 1.24c1 0 2.79.25 3.76.4zm-3.76-118.8l.39 1.74c1.37.06 3.92.35 5.29.56l-.3-2.38a48 48 0 0 0-5.38.08zm-1.17 1.44l-.18-1.59c.05-.11-6.11.23-8.38.23l.27 2.36s6.22-.97 8.29-1zm-8.26 57s7.34-1.16 9.69-1.2l-.25-1.82c.06-.13-7 .68-9.8.68zm3.19 40.52l.25.48c.21.39.4.72.54 1l.69-.37.16-.09.8-.45c3.44-2 5.15-3.83 4.82-5.12a1.87 1.87 0 0 0-.87-1.2 2.11 2.11 0 0 0-2 0 1.41 1.41 0 0 0-.62.68c-.14.47-1.93-.28-1.85-.53a1.34 1.34 0 0 0-.14-.88 2 2 0 0 0-1.67-1.07 2 2 0 0 0-1.41.56c-1.03.94-.57 3.42 1.3 6.99zm-.56 22.26s4.46-.82 5.9-.84l-.13-.94c0-.08-4.35.64-6 .64zm9.78 3.35l-.22-1.76c.05-.11-6.11.27-8.38.27l.27 2.31s6.29-.79 8.31-.82zm-7.5 81.51l.19 1.44s4.46-.61 5.9-.63l-.13-1.16c0-.08-4.35.35-6 .35zm4.25 6.41l-.21-1.92c.06-.13-7.1.51-9.74.51l.31 2.5s7.29-1.05 9.67-1.09zm3.1 54.9a1.7 1.7 0 0 0-1.29-.38 1.9 1.9 0 0 0-1.41 1.13 1.27 1.27 0 0 0-.06.83c.16.42-1.53.86-1.62.65a1.22 1.22 0 0 0-.59-.55 1.85 1.85 0 0 0-1.78.16 1.78 1.78 0 0 0-.7 1.18c-.2 1.23 1.5 2.74 4.8 4.27l.44.2.93.4.29-.65.07-.15c.09-.22.2-.48.32-.76 1.33-3.34 1.53-5.59.6-6.33z'/%3E%3C/g%3E%3C/svg%3E");
 background-size: 315px 325px;
 background-repeat: repeat;
}
/* Define header color */
.joinchat__header {
 background: coral;
}

Example 4: Halloween

css halloween
/* Define background image and color */
.joinchat__box__scroll {
background-color: #ff8000;
background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.42 180h-1.415L0 98.995v-2.827L6.167 90 0 83.833V81.004L81.005 0h2.827L90 6.167 96.167 0H98.996L180 81.005v2.827L173.833 90 180 96.167V98.996L98.995 180h-2.827L90 173.833 83.833 180H82.42zm0-1.414L1.413 97.58 8.994 90l-7.58-7.58L82.42 1.413 90 8.994l7.58-7.58 81.006 81.005-7.58 7.58 7.58 7.58-81.005 81.006-7.58-7.58-7.58 7.58zM175.196 0h-25.832c1.033 2.924 2.616 5.59 4.625 7.868C152.145 9.682 151 12.208 151 15c0 5.523 4.477 10 10 10 1.657 0 3 1.343 3 3v4h16V0h-4.803c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6s-6-2.686-6-6c0-1.093.292-2.117.803-3h10.394-13.685C161.18.938 161 1.948 161 3v4c-4.418 0-8 3.582-8 8s3.582 8 8 8c2.76 0 5 2.24 5 5v2h4v-4h2v4h4v-4h2v4h2V0h-4.803zm-15.783 0c-.27.954-.414 1.96-.414 3v2.2c-1.25.254-2.414.74-3.447 1.412-1.716-1.93-3.098-4.164-4.054-6.612h7.914zM180 17h-3l2.143-10H180v10zm-30.635 163c-.884-2.502-1.365-5.195-1.365-8 0-13.255 10.748-24 23.99-24H180v32h-30.635zm12.147 0c.5-1.416 1.345-2.67 2.434-3.66l-1.345-1.48c-1.498 1.364-2.62 3.136-3.186 5.14H151.5c-.97-2.48-1.5-5.177-1.5-8 0-12.15 9.84-22 22-22h8v30h-18.488zm13.685 0c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 148h8.01C21.26 148 32 158.742 32 172c0 2.805-.48 5.498-1.366 8H0v-32zm0 2h8c12.15 0 22 9.847 22 22 0 2.822-.53 5.52-1.5 8h-7.914c-.567-2.004-1.688-3.776-3.187-5.14l-1.346 1.48c1.09.99 1.933 2.244 2.434 3.66H0v-30zm15.197 30c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 32h16v-4c0-1.657 1.343-3 3-3 5.523 0 10-4.477 10-10 0-2.794-1.145-5.32-2.992-7.134C28.018 5.586 29.6 2.924 30.634 0H0v32zm0-2h2v-4h2v4h4v-4h2v4h4v-2c0-2.76 2.24-5 5-5 4.418 0 8-3.582 8-8s-3.582-8-8-8V3c0-1.052-.18-2.062-.512-3H0v30zM28.5 0c-.954 2.448-2.335 4.683-4.05 6.613-1.035-.672-2.2-1.16-3.45-1.413V3c0-1.04-.144-2.046-.414-3H28.5zM0 17h3L.857 7H0v10zM15.197 0c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6S4 6.314 4 3c0-1.093.292-2.117.803-3h10.394zM109 115c-1.657 0-3 1.343-3 3v4H74v-4c0-1.657-1.343-3-3-3-5.523 0-10-4.477-10-10 0-2.793 1.145-5.318 2.99-7.132C60.262 93.638 58 88.084 58 82c0-13.255 10.748-24 23.99-24h16.02C111.26 58 122 68.742 122 82c0 6.082-2.263 11.636-5.992 15.866C117.855 99.68 119 102.206 119 105c0 5.523-4.477 10-10 10zm0-2c-2.76 0-5 2.24-5 5v2h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-2c0-2.76-2.24-5-5-5-4.418 0-8-3.582-8-8s3.582-8 8-8v-4c0-2.64 1.136-5.013 2.946-6.66L72.6 84.86C70.39 86.874 69 89.775 69 93v2.2c-1.25.254-2.414.74-3.447 1.412C62.098 92.727 60 87.61 60 82c0-12.15 9.84-22 22-22h16c12.15 0 22 9.847 22 22 0 5.61-2.097 10.728-5.55 14.613-1.035-.672-2.2-1.16-3.45-1.413V93c0-3.226-1.39-6.127-3.6-8.14l-1.346 1.48C107.864 87.987 109 90.36 109 93v4c4.418 0 8 3.582 8 8s-3.582 8-8 8zM90.857 97L93 107h-6l2.143-10h1.714zM80 99c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm20 0c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%23050505' fill-opacity='0.46' fill-rule='evenodd'/%3E%3C/svg%3E");
 background-repeat: repeat;
	background-size: 60px;
}
/* Define header color */
.joinchat__header {
 background: black;
}
/* Define header Emoji*/
.joinchat__header__text:before {
    content: "🎃";
 display: block;
 width: 30px;
 float: left;
 margin: 0 6px 0 0;
 font-size: 28px;
 background-color: #fff9;
 border-radius: 50px;
 border: solid 2px #fff8;
}

🎾 Extra ball: If you want to generate gradient backgrounds in CSS use https://mycolor.space and to generate patterns in SVG use https://heropatterns.com and https://pattern.monster/

🔖 Final Summary

Customizing Joinchat’s design is a simple way to give your website a special touch. You don’t need to be an expert: with simple CSS changes, you can have a chat that perfectly fits your style and that of your website. Go ahead and try it out and surprise your visitors!

🍪 We use cookies to personalize and enhance your experience on our site. Visit our Privacy Policy to learn more.

BY USING OUR SITE, YOU AGREE TO OUR USE OF COOKIES.