Personaliza el diseño de Joinchat con estilos CSS

¿Quieres que tu ventana de chat sea única y se adapte a tu sitio web? Con Joinchat, no necesitas ser un experto en diseño para lograrlo. Usando simples ajustes en CSS, puedes cambiar colores, fondos y mucho más. ¡Dale a tu chat un toque personal y sorprende a tus visitantes!

css joinchat theme

✌️ Ventajas de personalizar la ventana de chat

  1. Facilidad de uso: No necesitas ser un experto en diseño o programación. Con simples cambios, puedes tener un chat que refleje tu estilo. Además te ofrecemos una serie de diseños ya creados para que puedas usarlos como base.
  2. Adaptabilidad: Sea cual sea el diseño de tu sitio web, puedes hacer que Joinchat se integre perfectamente con él. Cambia la cabecera y añade fondos a color, degradados o con patrones de diseño, deja volar tu imaginación.
  3. Exclusividad: Al personalizar tu ventana de chat ofreces una experiencia única a tus visitantes, diferenciándote de otros sitios que usan soluciones estándar. Además transmites una imagen profesional y muestras que los detalles y el diseño son importantes para ti y tu empresa.

⚙️ ¿Cómo y dónde cambiar el diseño de Joinchat?

La personalización de la ventana de chat es más sencilla de lo que piensas. Hay muchas formas de añadir CSS en tu sitio web pero para personalizar Joinchat lo mejor es usar su opción CSS personalizado en Joinchat / Pestaña «Avanzado» porque los estilos solo se cargan si se muestra el botón de contacto de Joinchat y además puedes usar la Vista Previa para ver en vivo cómo quedan tus cambios.

custom css joinchat

Copia la CSS de cualquiera de los ejemplos que te mostramos a continuación y pégala en el campo «Css personalizado»:

Ejemplo 1: Unicornio degradado

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;
}

Ejemplo 2: Estilo WhatsApp

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;
}

Ejemplo 3: Estilo Coral

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;
}

Ejemplo 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;
}

🎾 Bola extra: Si quieres generar fondos degradados en CSS utiliza https://mycolor.space y para generar patrones en SVG usa https://heropatterns.com y https://pattern.monster/

🔖 Resumen Final

Personalizar el diseño de Joinchat es una forma sencilla de darle un toque especial a tu sitio web. No necesitas ser un experto: con simples cambios en CSS, puedes tener un chat que se adapte perfectamente a tu estilo y al de tu sitio web. ¡Anímate a probarlo y sorprende a tus visitantes!

🍪 Utilizamos cookies para mejorar tu experiencia. Visita nuestra Política de Privacidad para saber más.

AL UTILIZAR NUESTRA WEB, ACEPTAS EL USO DE COOKIES.