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!
✌️ Benefits of customizing the chat window
- 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.
- 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.
- 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.
Copy the CSS from any of the examples below and paste it into the “Custom Css” field:
Example 1: Gradient unicorn
/* 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
/* 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
/* 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
/* 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!