stylePreviewChat(JSON.parse('{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"inline","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":0,"bubble.padding-advanced":false,"bubble.padding-top":0,"bubble.padding-right":0,"bubble.padding-bottom":0,"bubble.padding-left":0,"bubble.background-color":"transparent","bubble.background-gradient":"","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"transparent","bubble.border-radius":0,"bubble.border-radius-advanced":false,"bubble.border-radius-top-left":0,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":0,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":0,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#000000","bubble.box-shadow-inset":false,"bubble.animation-entrance":"slide-in-up","bubble.animation-duration":750,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"transparent","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"transparent","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":0,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"transparent","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"transparent","username.border-radius":0,"username.border-radius-advanced":false,"username.border-radius-top-left":0,"username.border-radius-top-right":0,"username.border-radius-bottom-right":0,"username.border-radius-bottom-left":0,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":0,"username.box-shadow-blur-radius":0,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#000000","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"__usercolor__","username.font-family":"Inter","username.font-weight":"700","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":0,"username.text-shadow-color":"#000000","username.text-stroke-width":3,"username.text-stroke-color":"#000000","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":0,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"transparent","message.background-gradient":"","message.border-width":0,"message.border-style":"solid","message.border-color":"transparent","message.border-radius":0,"message.border-radius-advanced":false,"message.border-radius-top-left":0,"message.border-radius-top-right":0,"message.border-radius-bottom-right":0,"message.border-radius-bottom-left":0,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":0,"message.box-shadow-blur-radius":0,"message.box-shadow-spread-radius":0,"message.box-shadow-color":"#000000","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#ffffff","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":0,"message.text-shadow-color":"#000000","message.text-stroke-width":3,"message.text-stroke-color":"#000000","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out"}'), JSON.parse('[{"id":52,"name":"Dark Bubble Chat","slug":"twitch-basic-white-bubble-chat-2","thumbnail":null,"html_template":null,"css_template":".cs-user {\nposition: absolute;\nbottom: 0;\n}\n\n.cs-bubble {\ndisplay: relative;\n}\n\n.cs-content {\nposition: relative;\nbottom: 12px;\n}","settings_values":{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"above-message","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":16,"bubble.padding-advanced":false,"bubble.padding-top":0,"bubble.padding-right":0,"bubble.padding-bottom":0,"bubble.padding-left":0,"bubble.background-color":"#00000000","bubble.background-gradient":"","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"#00000000","bubble.border-radius":0,"bubble.border-radius-advanced":false,"bubble.border-radius-top-left":0,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":0,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":0,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#000000","bubble.box-shadow-inset":false,"bubble.animation-entrance":"bounce-in-up","bubble.animation-duration":660,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"#00000000","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"#00000000","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":12,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"__usercolor__","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"#00000000","username.border-radius":16,"username.border-radius-advanced":true,"username.border-radius-top-left":4,"username.border-radius-top-right":16,"username.border-radius-bottom-right":16,"username.border-radius-bottom-left":16,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":8,"username.box-shadow-blur-radius":16,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#0000004a","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"#ffffff","username.font-family":"Inter","username.font-weight":"700","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":0,"username.text-shadow-color":"#000000","username.text-stroke-width":0,"username.text-stroke-color":"#000000","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":16,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"#02051a91","message.background-gradient":"linear-gradient(180deg, rgba(18, 32, 51, 0.87) 0%, rgba(9, 18, 42, 0.93) 100%)","message.border-width":1,"message.border-style":"solid","message.border-color":"#3c4b6b2b","message.border-radius":16,"message.border-radius-advanced":true,"message.border-radius-top-left":16,"message.border-radius-top-right":16,"message.border-radius-bottom-right":16,"message.border-radius-bottom-left":4,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":4,"message.box-shadow-blur-radius":16,"message.box-shadow-spread-radius":0,"message.box-shadow-color":"#00000033","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#ffffff","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":0,"message.text-shadow-color":"#000000","message.text-stroke-width":0,"message.text-stroke-color":"#000000","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out","bubble.overflow":true},"css_vars":"--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: above-message; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding: 16px; --cs-bubble-padding-top: 16px; --cs-bubble-padding-right: 16px; --cs-bubble-padding-bottom: 16px; --cs-bubble-padding-left: 16px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: none; --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: transparent; --cs-bubble-border-radius: 0px; --cs-bubble-border-radius-top-left: 0px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 0px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 0px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #000000; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-bounce-in-up; --cs-bubble-animation-duration: 660ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 12px; --cs-username-padding-top: 12px; --cs-username-padding-right: 12px; --cs-username-padding-bottom: 12px; --cs-username-padding-left: 12px; --cs-username-background-color: var(--cs-usercolor); --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius-top-left: 4px; --cs-username-border-radius-top-right: 16px; --cs-username-border-radius-bottom-right: 16px; --cs-username-border-radius-bottom-left: 16px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 8px; --cs-username-box-shadow-blur-radius: 16px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #0000004a; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: #ffffff; --cs-username-font-family: \u0027Inter\u0027; --cs-username-font-weight: 700; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 0px; --cs-username-text-shadow-color: #000000; --cs-username-text-stroke-width: 0px; --cs-username-text-stroke-color: #000000; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 16px; --cs-message-padding-top: 16px; --cs-message-padding-right: 16px; --cs-message-padding-bottom: 16px; --cs-message-padding-left: 16px; --cs-message-background-color: #02051a91; --cs-message-background-gradient: linear-gradient(180deg, rgba(18, 32, 51, 0.87) 0%, rgba(9, 18, 42, 0.93) 100%); --cs-message-border-width: 1px; --cs-message-border-style: solid; --cs-message-border-color: #3c4b6b2b; --cs-message-border-radius-top-left: 16px; --cs-message-border-radius-top-right: 16px; --cs-message-border-radius-bottom-right: 16px; --cs-message-border-radius-bottom-left: 4px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 4px; --cs-message-box-shadow-blur-radius: 16px; --cs-message-box-shadow-spread-radius: 0px; --cs-message-box-shadow-color: #00000033; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #ffffff; --cs-message-font-family: \u0027Inter\u0027; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 0px; --cs-message-text-shadow-color: #000000; --cs-message-text-stroke-width: 0px; --cs-message-text-stroke-color: #000000; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out"},{"id":58,"name":"White Bubble Chat","slug":"twitch-basic-white-bubble-chat-1","thumbnail":null,"html_template":null,"css_template":".cs-bubble {\ndisplay: relative; \n}\n.cs-user {\nposition: absolute;\nbottom: 0;\nleft: 32px\n}","settings_values":{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"above-message","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":24,"bubble.padding-advanced":false,"bubble.padding-top":0,"bubble.padding-right":0,"bubble.padding-bottom":0,"bubble.padding-left":0,"bubble.background-color":"#00000000","bubble.background-gradient":"","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"#00000000","bubble.border-radius":0,"bubble.border-radius-advanced":false,"bubble.border-radius-top-left":0,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":0,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":0,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#000000","bubble.box-shadow-inset":false,"bubble.animation-entrance":"slide-in-up","bubble.animation-duration":750,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"#00000000","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"#00000000","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":12,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"__usercolor__","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"#00000000","username.border-radius":32,"username.border-radius-advanced":false,"username.border-radius-top-left":0,"username.border-radius-top-right":0,"username.border-radius-bottom-right":0,"username.border-radius-bottom-left":0,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":4,"username.box-shadow-blur-radius":16,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#00000026","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"#ffffff","username.font-family":"Inter","username.font-weight":"400","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":0,"username.text-shadow-color":"#000000","username.text-stroke-width":1,"username.text-stroke-color":"#ffffff","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":24,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"#ffffff","message.background-gradient":"linear-gradient(180deg, #f7f7f7 0%, #e3e3e3 100%)","message.border-width":0,"message.border-style":"solid","message.border-color":"#00000000","message.border-radius":32,"message.border-radius-advanced":false,"message.border-radius-top-left":0,"message.border-radius-top-right":0,"message.border-radius-bottom-right":0,"message.border-radius-bottom-left":0,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":8,"message.box-shadow-blur-radius":16,"message.box-shadow-spread-radius":8,"message.box-shadow-color":"#0000001f","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#000000","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":0,"message.text-shadow-color":"#000000","message.text-stroke-width":0,"message.text-stroke-color":"#000000","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out","bubble.overflow":true},"css_vars":"--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: above-message; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding: 24px; --cs-bubble-padding-top: 24px; --cs-bubble-padding-right: 24px; --cs-bubble-padding-bottom: 24px; --cs-bubble-padding-left: 24px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: none; --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: transparent; --cs-bubble-border-radius: 0px; --cs-bubble-border-radius-top-left: 0px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 0px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 0px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #000000; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-slide-in-up; --cs-bubble-animation-duration: 750ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 12px; --cs-username-padding-top: 12px; --cs-username-padding-right: 12px; --cs-username-padding-bottom: 12px; --cs-username-padding-left: 12px; --cs-username-background-color: var(--cs-usercolor); --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius: 32px; --cs-username-border-radius-top-left: 32px; --cs-username-border-radius-top-right: 32px; --cs-username-border-radius-bottom-right: 32px; --cs-username-border-radius-bottom-left: 32px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 4px; --cs-username-box-shadow-blur-radius: 16px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #00000026; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: #ffffff; --cs-username-font-family: \u0027Inter\u0027; --cs-username-font-weight: 400; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 0px; --cs-username-text-shadow-color: #000000; --cs-username-text-stroke-width: 1px; --cs-username-text-stroke-color: #ffffff; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 24px; --cs-message-padding-top: 24px; --cs-message-padding-right: 24px; --cs-message-padding-bottom: 24px; --cs-message-padding-left: 24px; --cs-message-background-color: #ffffff; --cs-message-background-gradient: linear-gradient(180deg, #f7f7f7 0%, #e3e3e3 100%); --cs-message-border-width: 0px; --cs-message-border-style: solid; --cs-message-border-color: transparent; --cs-message-border-radius: 32px; --cs-message-border-radius-top-left: 32px; --cs-message-border-radius-top-right: 32px; --cs-message-border-radius-bottom-right: 32px; --cs-message-border-radius-bottom-left: 32px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 8px; --cs-message-box-shadow-blur-radius: 16px; --cs-message-box-shadow-spread-radius: 8px; --cs-message-box-shadow-color: #0000001f; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #000000; --cs-message-font-family: \u0027Inter\u0027; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 0px; --cs-message-text-shadow-color: #000000; --cs-message-text-stroke-width: 0px; --cs-message-text-stroke-color: #000000; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out"},{"id":219,"name":"Sub","slug":"twitch-basic-sub","thumbnail":null,"html_template":null,"css_template":".cs-bubble {\n --cs-pronouns-background-color: #0007;\n}","settings_values":{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"inline","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":0,"bubble.padding-advanced":true,"bubble.padding-top":5,"bubble.padding-right":0,"bubble.padding-bottom":5,"bubble.padding-left":5,"bubble.background-color":"transparent","bubble.background-gradient":"linear-gradient(90deg, rgba(145, 70, 255, 0.8) 0%, rgba(0, 0, 0, 0) 100%)","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"#9146FF","bubble.border-radius":0,"bubble.border-radius-advanced":true,"bubble.border-radius-top-left":5,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":5,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":20,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#9146FF66","bubble.box-shadow-inset":false,"bubble.animation-entrance":"slide-in-up","bubble.animation-duration":750,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"transparent","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"transparent","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":0,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"transparent","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"transparent","username.border-radius":0,"username.border-radius-advanced":false,"username.border-radius-top-left":0,"username.border-radius-top-right":0,"username.border-radius-bottom-right":0,"username.border-radius-bottom-left":0,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":0,"username.box-shadow-blur-radius":0,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#000000","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"#f8f2ff","username.font-family":"Inter","username.font-weight":"700","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":10,"username.text-shadow-color":"#120021d9","username.text-stroke-width":1,"username.text-stroke-color":"#14031f","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":0,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"transparent","message.background-gradient":"","message.border-width":0,"message.border-style":"solid","message.border-color":"transparent","message.border-radius":0,"message.border-radius-advanced":false,"message.border-radius-top-left":0,"message.border-radius-top-right":0,"message.border-radius-bottom-right":0,"message.border-radius-bottom-left":0,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":0,"message.box-shadow-blur-radius":0,"message.box-shadow-spread-radius":0,"message.box-shadow-color":"#000000","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#f0e8ff","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":8,"message.text-shadow-color":"#120021cc","message.text-stroke-width":1,"message.text-stroke-color":"#14031f","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out"},"css_vars":"--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: inline; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding-top: 5px; --cs-bubble-padding-right: 0px; --cs-bubble-padding-bottom: 5px; --cs-bubble-padding-left: 5px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: linear-gradient(90deg, rgba(145, 70, 255, 0.8) 0%, rgba(0, 0, 0, 0) 100%); --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: #9146ff; --cs-bubble-border-radius-top-left: 5px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 5px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 20px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #9146ff66; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-slide-in-up; --cs-bubble-animation-duration: 750ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 0px; --cs-username-padding-top: 0px; --cs-username-padding-right: 0px; --cs-username-padding-bottom: 0px; --cs-username-padding-left: 0px; --cs-username-background-color: transparent; --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius: 0px; --cs-username-border-radius-top-left: 0px; --cs-username-border-radius-top-right: 0px; --cs-username-border-radius-bottom-right: 0px; --cs-username-border-radius-bottom-left: 0px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 0px; --cs-username-box-shadow-blur-radius: 0px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #000000; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: #f8f2ff; --cs-username-font-family: \u0027Inter\u0027; --cs-username-font-weight: 700; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 10px; --cs-username-text-shadow-color: #120021d9; --cs-username-text-stroke-width: 1px; --cs-username-text-stroke-color: #14031f; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 0px; --cs-message-padding-top: 0px; --cs-message-padding-right: 0px; --cs-message-padding-bottom: 0px; --cs-message-padding-left: 0px; --cs-message-background-color: transparent; --cs-message-background-gradient: none; --cs-message-border-width: 0px; --cs-message-border-style: solid; --cs-message-border-color: transparent; --cs-message-border-radius: 0px; --cs-message-border-radius-top-left: 0px; --cs-message-border-radius-top-right: 0px; --cs-message-border-radius-bottom-right: 0px; --cs-message-border-radius-bottom-left: 0px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 0px; --cs-message-box-shadow-blur-radius: 0px; --cs-message-box-shadow-spread-radius: 0px; --cs-message-box-shadow-color: #000000; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #f0e8ff; --cs-message-font-family: \u0027Inter\u0027; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 8px; --cs-message-text-shadow-color: #120021cc; --cs-message-text-stroke-width: 1px; --cs-message-text-stroke-color: #14031f; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out"},{"id":220,"name":"Mod","slug":"twitch-basic-mod","thumbnail":null,"html_template":null,"css_template":".cs-bubble {\n --cs-pronouns-background-color: #0007;\n}","settings_values":{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"inline","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":0,"bubble.padding-advanced":true,"bubble.padding-top":5,"bubble.padding-right":0,"bubble.padding-bottom":5,"bubble.padding-left":5,"bubble.background-color":"transparent","bubble.background-gradient":"linear-gradient(90deg, rgba(3, 174, 7, 0.8) 0%, rgba(0, 0, 0, 0) 100%)","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"#03AE07","bubble.border-radius":0,"bubble.border-radius-advanced":true,"bubble.border-radius-top-left":5,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":5,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":20,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#03AE0766","bubble.box-shadow-inset":false,"bubble.animation-entrance":"slide-in-up","bubble.animation-duration":750,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"transparent","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"transparent","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":0,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"transparent","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"transparent","username.border-radius":0,"username.border-radius-advanced":false,"username.border-radius-top-left":0,"username.border-radius-top-right":0,"username.border-radius-bottom-right":0,"username.border-radius-bottom-left":0,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":0,"username.box-shadow-blur-radius":0,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#000000","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"#f2fff4","username.font-family":"Inter","username.font-weight":"700","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":10,"username.text-shadow-color":"#021505d9","username.text-stroke-width":1,"username.text-stroke-color":"#031204","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":0,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"transparent","message.background-gradient":"","message.border-width":0,"message.border-style":"solid","message.border-color":"transparent","message.border-radius":0,"message.border-radius-advanced":false,"message.border-radius-top-left":0,"message.border-radius-top-right":0,"message.border-radius-bottom-right":0,"message.border-radius-bottom-left":0,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":0,"message.box-shadow-blur-radius":0,"message.box-shadow-spread-radius":0,"message.box-shadow-color":"#000000","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#ebfff0","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":8,"message.text-shadow-color":"#021505cc","message.text-stroke-width":1,"message.text-stroke-color":"#031204","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out"},"css_vars":"--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: inline; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding-top: 5px; --cs-bubble-padding-right: 0px; --cs-bubble-padding-bottom: 5px; --cs-bubble-padding-left: 5px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: linear-gradient(90deg, rgba(3, 174, 7, 0.8) 0%, rgba(0, 0, 0, 0) 100%); --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: #03ae07; --cs-bubble-border-radius-top-left: 5px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 5px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 20px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #03ae0766; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-slide-in-up; --cs-bubble-animation-duration: 750ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 0px; --cs-username-padding-top: 0px; --cs-username-padding-right: 0px; --cs-username-padding-bottom: 0px; --cs-username-padding-left: 0px; --cs-username-background-color: transparent; --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius: 0px; --cs-username-border-radius-top-left: 0px; --cs-username-border-radius-top-right: 0px; --cs-username-border-radius-bottom-right: 0px; --cs-username-border-radius-bottom-left: 0px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 0px; --cs-username-box-shadow-blur-radius: 0px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #000000; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: #f2fff4; --cs-username-font-family: \u0027Inter\u0027; --cs-username-font-weight: 700; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 10px; --cs-username-text-shadow-color: #021505d9; --cs-username-text-stroke-width: 1px; --cs-username-text-stroke-color: #031204; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 0px; --cs-message-padding-top: 0px; --cs-message-padding-right: 0px; --cs-message-padding-bottom: 0px; --cs-message-padding-left: 0px; --cs-message-background-color: transparent; --cs-message-background-gradient: none; --cs-message-border-width: 0px; --cs-message-border-style: solid; --cs-message-border-color: transparent; --cs-message-border-radius: 0px; --cs-message-border-radius-top-left: 0px; --cs-message-border-radius-top-right: 0px; --cs-message-border-radius-bottom-right: 0px; --cs-message-border-radius-bottom-left: 0px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 0px; --cs-message-box-shadow-blur-radius: 0px; --cs-message-box-shadow-spread-radius: 0px; --cs-message-box-shadow-color: #000000; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #ebfff0; --cs-message-font-family: \u0027Inter\u0027; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 8px; --cs-message-text-shadow-color: #021505cc; --cs-message-text-stroke-width: 1px; --cs-message-text-stroke-color: #031204; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out"},{"id":221,"name":"VIP","slug":"twitch-basic-vip","thumbnail":null,"html_template":null,"css_template":".cs-bubble {\n --cs-pronouns-background-color: #0007;\n}","settings_values":{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"inline","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":0,"bubble.padding-advanced":true,"bubble.padding-top":5,"bubble.padding-right":0,"bubble.padding-bottom":5,"bubble.padding-left":5,"bubble.background-color":"transparent","bubble.background-gradient":"linear-gradient(90deg, rgba(224, 5, 185, 0.8) 0%, rgba(0, 0, 0, 0) 100%)","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"#E005B9","bubble.border-radius":0,"bubble.border-radius-advanced":true,"bubble.border-radius-top-left":5,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":5,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":20,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#E005B966","bubble.box-shadow-inset":false,"bubble.animation-entrance":"slide-in-up","bubble.animation-duration":750,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"transparent","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"transparent","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":0,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"transparent","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"transparent","username.border-radius":0,"username.border-radius-advanced":false,"username.border-radius-top-left":0,"username.border-radius-top-right":0,"username.border-radius-bottom-right":0,"username.border-radius-bottom-left":0,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":0,"username.box-shadow-blur-radius":0,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#000000","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"#fff3fd","username.font-family":"Inter","username.font-weight":"700","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":10,"username.text-shadow-color":"#24011ed9","username.text-stroke-width":1,"username.text-stroke-color":"#290321","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":0,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"transparent","message.background-gradient":"","message.border-width":0,"message.border-style":"solid","message.border-color":"transparent","message.border-radius":0,"message.border-radius-advanced":false,"message.border-radius-top-left":0,"message.border-radius-top-right":0,"message.border-radius-bottom-right":0,"message.border-radius-bottom-left":0,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":0,"message.box-shadow-blur-radius":0,"message.box-shadow-spread-radius":0,"message.box-shadow-color":"#000000","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#fff0fb","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":8,"message.text-shadow-color":"#24011ecc","message.text-stroke-width":1,"message.text-stroke-color":"#290321","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out"},"css_vars":"--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: inline; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding-top: 5px; --cs-bubble-padding-right: 0px; --cs-bubble-padding-bottom: 5px; --cs-bubble-padding-left: 5px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: linear-gradient(90deg, rgba(224, 5, 185, 0.8) 0%, rgba(0, 0, 0, 0) 100%); --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: #e005b9; --cs-bubble-border-radius-top-left: 5px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 5px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 20px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #e005b966; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-slide-in-up; --cs-bubble-animation-duration: 750ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 0px; --cs-username-padding-top: 0px; --cs-username-padding-right: 0px; --cs-username-padding-bottom: 0px; --cs-username-padding-left: 0px; --cs-username-background-color: transparent; --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius: 0px; --cs-username-border-radius-top-left: 0px; --cs-username-border-radius-top-right: 0px; --cs-username-border-radius-bottom-right: 0px; --cs-username-border-radius-bottom-left: 0px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 0px; --cs-username-box-shadow-blur-radius: 0px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #000000; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: #fff3fd; --cs-username-font-family: \u0027Inter\u0027; --cs-username-font-weight: 700; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 10px; --cs-username-text-shadow-color: #24011ed9; --cs-username-text-stroke-width: 1px; --cs-username-text-stroke-color: #290321; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 0px; --cs-message-padding-top: 0px; --cs-message-padding-right: 0px; --cs-message-padding-bottom: 0px; --cs-message-padding-left: 0px; --cs-message-background-color: transparent; --cs-message-background-gradient: none; --cs-message-border-width: 0px; --cs-message-border-style: solid; --cs-message-border-color: transparent; --cs-message-border-radius: 0px; --cs-message-border-radius-top-left: 0px; --cs-message-border-radius-top-right: 0px; --cs-message-border-radius-bottom-right: 0px; --cs-message-border-radius-bottom-left: 0px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 0px; --cs-message-box-shadow-blur-radius: 0px; --cs-message-box-shadow-spread-radius: 0px; --cs-message-box-shadow-color: #000000; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #fff0fb; --cs-message-font-family: \u0027Inter\u0027; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 8px; --cs-message-text-shadow-color: #24011ecc; --cs-message-text-stroke-width: 1px; --cs-message-text-stroke-color: #290321; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out"},{"id":222,"name":"Broadcaster","slug":"twitch-basic-broadcaster","thumbnail":null,"html_template":null,"css_template":".cs-bubble {\n --cs-pronouns-background-color: #0007;\n}","settings_values":{"bubble.alignment":"left","bubble.direction":"ltr","bubble.full-width":false,"bubble.message-direction":"bottom-up","avatar.show":false,"username.position":"inline","badges.show":true,"badges.position":"before-name","username.font-style":"normal","username.text-decoration":"none","username.text-transform":"none","username.text-align":"start","message.font-style":"normal","message.text-decoration":"none","message.text-transform":"none","message.text-align":"start","chat.padding":0,"chat.padding-advanced":false,"chat.padding-top":0,"chat.padding-right":0,"chat.padding-bottom":0,"chat.padding-left":0,"bubble.padding":0,"bubble.padding-advanced":true,"bubble.padding-top":5,"bubble.padding-right":0,"bubble.padding-bottom":5,"bubble.padding-left":5,"bubble.background-color":"transparent","bubble.background-gradient":"linear-gradient(90deg, rgba(255, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0) 100%)","bubble.border-width":0,"bubble.border-style":"solid","bubble.border-color":"#FF2A2A","bubble.border-radius":0,"bubble.border-radius-advanced":true,"bubble.border-radius-top-left":5,"bubble.border-radius-top-right":0,"bubble.border-radius-bottom-right":0,"bubble.border-radius-bottom-left":5,"bubble.box-shadow-offset-x":0,"bubble.box-shadow-offset-y":0,"bubble.box-shadow-blur-radius":20,"bubble.box-shadow-spread-radius":0,"bubble.box-shadow-color":"#FF2A2A66","bubble.box-shadow-inset":false,"bubble.animation-entrance":"slide-in-up","bubble.animation-duration":750,"bubble.animation-delay":0,"bubble.animation-easing":"ease-in-out","bubble.gap":5,"bubble.width":400,"avatar.padding":0,"avatar.padding-advanced":false,"avatar.padding-top":0,"avatar.padding-right":0,"avatar.padding-bottom":0,"avatar.padding-left":0,"avatar.background-color":"transparent","avatar.background-gradient":"","avatar.border-width":0,"avatar.border-style":"solid","avatar.border-color":"transparent","avatar.border-radius":0,"avatar.border-radius-advanced":false,"avatar.border-radius-top-left":0,"avatar.border-radius-top-right":0,"avatar.border-radius-bottom-right":0,"avatar.border-radius-bottom-left":0,"avatar.box-shadow-offset-x":0,"avatar.box-shadow-offset-y":0,"avatar.box-shadow-blur-radius":0,"avatar.box-shadow-spread-radius":0,"avatar.box-shadow-color":"#000000","avatar.box-shadow-inset":false,"avatar.animation-entrance":"none","avatar.animation-duration":750,"avatar.animation-delay":0,"avatar.animation-easing":"ease-in-out","avatar.size":60,"username.padding":0,"username.padding-advanced":false,"username.padding-top":0,"username.padding-right":0,"username.padding-bottom":0,"username.padding-left":0,"username.background-color":"transparent","username.background-gradient":"","username.border-width":0,"username.border-style":"solid","username.border-color":"transparent","username.border-radius":0,"username.border-radius-advanced":false,"username.border-radius-top-left":0,"username.border-radius-top-right":0,"username.border-radius-bottom-right":0,"username.border-radius-bottom-left":0,"username.box-shadow-offset-x":0,"username.box-shadow-offset-y":0,"username.box-shadow-blur-radius":0,"username.box-shadow-spread-radius":0,"username.box-shadow-color":"#000000","username.box-shadow-inset":false,"username.font-size":16,"username.font-color":"#fff3f3","username.font-family":"Inter","username.font-weight":"700","username.text-shadow-offset-x":0,"username.text-shadow-offset-y":0,"username.text-shadow-blur-radius":10,"username.text-shadow-color":"#250000d9","username.text-stroke-width":1,"username.text-stroke-color":"#2b0303","username.animation-entrance":"none","username.animation-duration":750,"username.animation-delay":0,"username.animation-easing":"ease-in-out","message.padding":0,"message.padding-advanced":false,"message.padding-top":0,"message.padding-right":0,"message.padding-bottom":0,"message.padding-left":0,"message.background-color":"transparent","message.background-gradient":"","message.border-width":0,"message.border-style":"solid","message.border-color":"transparent","message.border-radius":0,"message.border-radius-advanced":false,"message.border-radius-top-left":0,"message.border-radius-top-right":0,"message.border-radius-bottom-right":0,"message.border-radius-bottom-left":0,"message.box-shadow-offset-x":0,"message.box-shadow-offset-y":0,"message.box-shadow-blur-radius":0,"message.box-shadow-spread-radius":0,"message.box-shadow-color":"#000000","message.box-shadow-inset":false,"message.font-size":16,"message.font-color":"#fff0f0","message.font-family":"Inter","message.font-weight":"400","message.text-shadow-offset-x":0,"message.text-shadow-offset-y":0,"message.text-shadow-blur-radius":8,"message.text-shadow-color":"#250000cc","message.text-stroke-width":1,"message.text-stroke-color":"#2b0303","message.animation-entrance":"none","message.animation-duration":750,"message.animation-delay":0,"message.animation-easing":"ease-in-out"},"css_vars":"--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: inline; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding-top: 5px; --cs-bubble-padding-right: 0px; --cs-bubble-padding-bottom: 5px; --cs-bubble-padding-left: 5px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: linear-gradient(90deg, rgba(255, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0) 100%); --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: #ff2a2a; --cs-bubble-border-radius-top-left: 5px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 5px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 20px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #ff2a2a66; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-slide-in-up; --cs-bubble-animation-duration: 750ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 0px; --cs-username-padding-top: 0px; --cs-username-padding-right: 0px; --cs-username-padding-bottom: 0px; --cs-username-padding-left: 0px; --cs-username-background-color: transparent; --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius: 0px; --cs-username-border-radius-top-left: 0px; --cs-username-border-radius-top-right: 0px; --cs-username-border-radius-bottom-right: 0px; --cs-username-border-radius-bottom-left: 0px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 0px; --cs-username-box-shadow-blur-radius: 0px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #000000; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: #fff3f3; --cs-username-font-family: \u0027Inter\u0027; --cs-username-font-weight: 700; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 10px; --cs-username-text-shadow-color: #250000d9; --cs-username-text-stroke-width: 1px; --cs-username-text-stroke-color: #2b0303; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 0px; --cs-message-padding-top: 0px; --cs-message-padding-right: 0px; --cs-message-padding-bottom: 0px; --cs-message-padding-left: 0px; --cs-message-background-color: transparent; --cs-message-background-gradient: none; --cs-message-border-width: 0px; --cs-message-border-style: solid; --cs-message-border-color: transparent; --cs-message-border-radius: 0px; --cs-message-border-radius-top-left: 0px; --cs-message-border-radius-top-right: 0px; --cs-message-border-radius-bottom-right: 0px; --cs-message-border-radius-bottom-left: 0px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 0px; --cs-message-box-shadow-blur-radius: 0px; --cs-message-box-shadow-spread-radius: 0px; --cs-message-box-shadow-color: #000000; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #fff0f0; --cs-message-font-family: \u0027Inter\u0027; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 8px; --cs-message-text-shadow-color: #250000cc; --cs-message-text-stroke-width: 1px; --cs-message-text-stroke-color: #2b0303; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out"}]'), '--cs-bubble-alignment: left; --cs-bubble-direction: ltr; --cs-bubble-full-width: 0; --cs-bubble-message-direction: bottom-up; --cs-avatar-show: 0; --cs-username-position: inline; --cs-badges-show: 1; --cs-badges-position: before-name; --cs-chat-padding: 0px; --cs-chat-padding-top: 0px; --cs-chat-padding-right: 0px; --cs-chat-padding-bottom: 0px; --cs-chat-padding-left: 0px; --cs-bubble-padding: 0px; --cs-bubble-padding-top: 0px; --cs-bubble-padding-right: 0px; --cs-bubble-padding-bottom: 0px; --cs-bubble-padding-left: 0px; --cs-bubble-background-color: transparent; --cs-bubble-background-gradient: none; --cs-bubble-border-width: 0px; --cs-bubble-border-style: solid; --cs-bubble-border-color: transparent; --cs-bubble-border-radius: 0px; --cs-bubble-border-radius-top-left: 0px; --cs-bubble-border-radius-top-right: 0px; --cs-bubble-border-radius-bottom-right: 0px; --cs-bubble-border-radius-bottom-left: 0px; --cs-bubble-box-shadow-offset-x: 0px; --cs-bubble-box-shadow-offset-y: 0px; --cs-bubble-box-shadow-blur-radius: 0px; --cs-bubble-box-shadow-spread-radius: 0px; --cs-bubble-box-shadow-color: #000000; --cs-bubble-box-shadow-inset: ; --cs-bubble-animation: bp-slide-in-up; --cs-bubble-animation-duration: 750ms; --cs-bubble-animation-delay: 0ms; --cs-bubble-animation-timing-function: ease-in-out; --cs-bubble-gap: 5px; --cs-bubble-width: 400px; --cs-avatar-padding: 0px; --cs-avatar-padding-top: 0px; --cs-avatar-padding-right: 0px; --cs-avatar-padding-bottom: 0px; --cs-avatar-padding-left: 0px; --cs-avatar-background-color: transparent; --cs-avatar-background-gradient: none; --cs-avatar-border-width: 0px; --cs-avatar-border-style: solid; --cs-avatar-border-color: transparent; --cs-avatar-border-radius: 0px; --cs-avatar-border-radius-top-left: 0px; --cs-avatar-border-radius-top-right: 0px; --cs-avatar-border-radius-bottom-right: 0px; --cs-avatar-border-radius-bottom-left: 0px; --cs-avatar-box-shadow-offset-x: 0px; --cs-avatar-box-shadow-offset-y: 0px; --cs-avatar-box-shadow-blur-radius: 0px; --cs-avatar-box-shadow-spread-radius: 0px; --cs-avatar-box-shadow-color: #000000; --cs-avatar-box-shadow-inset: ; --cs-avatar-animation: none; --cs-avatar-animation-duration: 750ms; --cs-avatar-animation-delay: 0ms; --cs-avatar-animation-timing-function: ease-in-out; --cs-avatar-size: 60px; --cs-username-padding: 0px; --cs-username-padding-top: 0px; --cs-username-padding-right: 0px; --cs-username-padding-bottom: 0px; --cs-username-padding-left: 0px; --cs-username-background-color: transparent; --cs-username-background-gradient: none; --cs-username-border-width: 0px; --cs-username-border-style: solid; --cs-username-border-color: transparent; --cs-username-border-radius: 0px; --cs-username-border-radius-top-left: 0px; --cs-username-border-radius-top-right: 0px; --cs-username-border-radius-bottom-right: 0px; --cs-username-border-radius-bottom-left: 0px; --cs-username-box-shadow-offset-x: 0px; --cs-username-box-shadow-offset-y: 0px; --cs-username-box-shadow-blur-radius: 0px; --cs-username-box-shadow-spread-radius: 0px; --cs-username-box-shadow-color: #000000; --cs-username-box-shadow-inset: ; --cs-username-font-size: 16px; --cs-username-font-color: var(--cs-usercolor); --cs-username-font-family: 'Inter'; --cs-username-font-weight: 700; --cs-username-text-shadow-offset-x: 0px; --cs-username-text-shadow-offset-y: 0px; --cs-username-text-shadow-blur-radius: 0px; --cs-username-text-shadow-color: #000000; --cs-username-text-stroke-width: 3px; --cs-username-text-stroke-color: #000000; --cs-username-animation: none; --cs-username-animation-duration: 750ms; --cs-username-animation-delay: 0ms; --cs-username-animation-timing-function: ease-in-out; --cs-message-padding: 0px; --cs-message-padding-top: 0px; --cs-message-padding-right: 0px; --cs-message-padding-bottom: 0px; --cs-message-padding-left: 0px; --cs-message-background-color: transparent; --cs-message-background-gradient: none; --cs-message-border-width: 0px; --cs-message-border-style: solid; --cs-message-border-color: transparent; --cs-message-border-radius: 0px; --cs-message-border-radius-top-left: 0px; --cs-message-border-radius-top-right: 0px; --cs-message-border-radius-bottom-right: 0px; --cs-message-border-radius-bottom-left: 0px; --cs-message-box-shadow-offset-x: 0px; --cs-message-box-shadow-offset-y: 0px; --cs-message-box-shadow-blur-radius: 0px; --cs-message-box-shadow-spread-radius: 0px; --cs-message-box-shadow-color: #000000; --cs-message-box-shadow-inset: ; --cs-message-font-size: 16px; --cs-message-font-color: #ffffff; --cs-message-font-family: 'Inter'; --cs-message-font-weight: 400; --cs-message-text-shadow-offset-x: 0px; --cs-message-text-shadow-offset-y: 0px; --cs-message-text-shadow-blur-radius: 0px; --cs-message-text-shadow-color: #000000; --cs-message-text-stroke-width: 3px; --cs-message-text-stroke-color: #000000; --cs-message-animation: none; --cs-message-animation-duration: 750ms; --cs-message-animation-delay: 0ms; --cs-message-animation-timing-function: ease-in-out', '

', JSON.parse('{"elements":{"chat":{"properties":["chat-padding"],"system":true},"bubble":{"properties":["padding","background","border","border-radius","box-shadow","animation","gap","width"],"system":true},"avatar":{"properties":["padding","background","border","border-radius","box-shadow","animation","size"],"system":true},"username":{"properties":["padding","background","border","border-radius","box-shadow","font","text-shadow","text-stroke","animation"],"system":true},"message":{"properties":["padding","background","border","border-radius","box-shadow","font","text-shadow","text-stroke","animation"],"system":true}},"cssProperties":{"chat":{"padding":{"type":"range","label":"Space Inside Chat Area","designerLabel":"Space Inside Chat Area","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-advanced":{"type":"toggle","label":"Advanced Inner Spacing","designerLabel":"Per-Side","designerGroup":"Extra","default":false},"padding-top":{"type":"range","label":"Top Inner Spacing","designerLabel":"Top","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-right":{"type":"range","label":"Right Inner Spacing","designerLabel":"Right","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-bottom":{"type":"range","label":"Bottom Inner Spacing","designerLabel":"Bottom","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-left":{"type":"range","label":"Left Inner Spacing","designerLabel":"Left","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"}},"bubble":{"padding":{"type":"range","label":"Padding","designerLabel":"Padding","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-advanced":{"type":"toggle","label":"Advanced Padding","designerLabel":"Per-Side","designerGroup":"Extra","default":false},"padding-top":{"type":"range","label":"Top Padding","designerLabel":"Top","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-right":{"type":"range","label":"Right Padding","designerLabel":"Right","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-bottom":{"type":"range","label":"Bottom Padding","designerLabel":"Bottom","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-left":{"type":"range","label":"Left Padding","designerLabel":"Left","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"background-color":{"type":"color","label":"Background Color","designerLabel":"Background","designerGroup":"Background","default":"transparent"},"background-gradient":{"type":"gradient","label":"Background Gradient","designerLabel":"Gradient","designerGroup":"Background","default":""},"border-width":{"type":"range","label":"Border Width","designerLabel":"Border Thickness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-style":{"type":"select","label":"Border Style","designerLabel":"Border Style","designerGroup":"Border","default":"solid","options":["none","solid","dashed","dotted","double"]},"border-color":{"type":"color","label":"Border Color","designerLabel":"Border Color","designerGroup":"Border","default":"transparent"},"border-radius":{"type":"range","label":"Border Radius","designerLabel":"Roundness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-advanced":{"type":"toggle","label":"Advanced Border Radius","designerLabel":"Per-Corner","designerGroup":"Border","default":false},"border-radius-top-left":{"type":"range","label":"Top Left Radius","designerLabel":"Top Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-top-right":{"type":"range","label":"Top Right Radius","designerLabel":"Top Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-right":{"type":"range","label":"Bottom Right Radius","designerLabel":"Bottom Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-left":{"type":"range","label":"Bottom Left Radius","designerLabel":"Bottom Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-offset-x":{"type":"range","label":"Shadow Offset X","designerLabel":"Shadow X","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-offset-y":{"type":"range","label":"Shadow Offset Y","designerLabel":"Shadow Y","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-blur-radius":{"type":"range","label":"Shadow Blur","designerLabel":"Shadow Blur","designerGroup":"Shadow","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-spread-radius":{"type":"range","label":"Shadow Spread","designerLabel":"Shadow Size","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-color":{"type":"color","label":"Shadow Color","designerLabel":"Shadow Color","designerGroup":"Shadow","default":"#000000"},"box-shadow-inset":{"type":"toggle","label":"Shadow Inset","designerLabel":"Inner Shadow","designerGroup":"Shadow","default":false},"animation-entrance":{"type":"select","label":"Entrance Animation","designerLabel":"Entrance","designerGroup":"Animation","default":"slide-in-up","options":["none","fade-in","fade-in-up","fade-in-down","fade-in-left","fade-in-right","slide-in-up","slide-in-down","slide-in-left","slide-in-right","bounce-in","bounce-in-up","bounce-in-down","zoom-in","zoom-in-up","flip-in-x","flip-in-y","rotate-in","jack-in-the-box","roll-in","light-speed-in-right"]},"animation-duration":{"type":"range","label":"Animation Duration","designerLabel":"Duration","designerGroup":"Animation","default":750,"min":0,"max":10000,"unit":"ms"},"animation-delay":{"type":"range","label":"Animation Delay","designerLabel":"Delay","designerGroup":"Animation","default":0,"min":0,"max":10000,"unit":"ms"},"animation-easing":{"type":"select","label":"Animation Easing","designerLabel":"Easing","designerGroup":"Animation","default":"ease-in-out","options":["ease-out","ease-in","ease-in-out","linear","ease"]},"gap":{"type":"range","label":"Gap","designerLabel":"Gap Between Messages","designerGroup":"Extra","default":10,"min":0,"max":10000,"unit":"px"},"width":{"type":"range","label":"Width","designerLabel":"Width","designerGroup":"Extra","default":400,"min":0,"max":10000,"unit":"px"}},"avatar":{"padding":{"type":"range","label":"Padding","designerLabel":"Padding","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-advanced":{"type":"toggle","label":"Advanced Padding","designerLabel":"Per-Side","designerGroup":"Extra","default":false},"padding-top":{"type":"range","label":"Top Padding","designerLabel":"Top","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-right":{"type":"range","label":"Right Padding","designerLabel":"Right","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-bottom":{"type":"range","label":"Bottom Padding","designerLabel":"Bottom","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-left":{"type":"range","label":"Left Padding","designerLabel":"Left","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"background-color":{"type":"color","label":"Background Color","designerLabel":"Background","designerGroup":"Background","default":"transparent"},"background-gradient":{"type":"gradient","label":"Background Gradient","designerLabel":"Gradient","designerGroup":"Background","default":""},"border-width":{"type":"range","label":"Border Width","designerLabel":"Border Thickness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-style":{"type":"select","label":"Border Style","designerLabel":"Border Style","designerGroup":"Border","default":"solid","options":["none","solid","dashed","dotted","double"]},"border-color":{"type":"color","label":"Border Color","designerLabel":"Border Color","designerGroup":"Border","default":"transparent"},"border-radius":{"type":"range","label":"Border Radius","designerLabel":"Roundness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-advanced":{"type":"toggle","label":"Advanced Border Radius","designerLabel":"Per-Corner","designerGroup":"Border","default":false},"border-radius-top-left":{"type":"range","label":"Top Left Radius","designerLabel":"Top Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-top-right":{"type":"range","label":"Top Right Radius","designerLabel":"Top Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-right":{"type":"range","label":"Bottom Right Radius","designerLabel":"Bottom Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-left":{"type":"range","label":"Bottom Left Radius","designerLabel":"Bottom Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-offset-x":{"type":"range","label":"Shadow Offset X","designerLabel":"Shadow X","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-offset-y":{"type":"range","label":"Shadow Offset Y","designerLabel":"Shadow Y","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-blur-radius":{"type":"range","label":"Shadow Blur","designerLabel":"Shadow Blur","designerGroup":"Shadow","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-spread-radius":{"type":"range","label":"Shadow Spread","designerLabel":"Shadow Size","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-color":{"type":"color","label":"Shadow Color","designerLabel":"Shadow Color","designerGroup":"Shadow","default":"#000000"},"box-shadow-inset":{"type":"toggle","label":"Shadow Inset","designerLabel":"Inner Shadow","designerGroup":"Shadow","default":false},"animation-entrance":{"type":"select","label":"Entrance Animation","designerLabel":"Entrance","designerGroup":"Animation","default":"none","options":["none","fade-in","fade-in-up","fade-in-down","fade-in-left","fade-in-right","slide-in-up","slide-in-down","slide-in-left","slide-in-right","bounce-in","bounce-in-up","bounce-in-down","zoom-in","zoom-in-up","flip-in-x","flip-in-y","rotate-in","jack-in-the-box","roll-in","light-speed-in-right"]},"animation-duration":{"type":"range","label":"Animation Duration","designerLabel":"Duration","designerGroup":"Animation","default":750,"min":0,"max":10000,"unit":"ms"},"animation-delay":{"type":"range","label":"Animation Delay","designerLabel":"Delay","designerGroup":"Animation","default":0,"min":0,"max":10000,"unit":"ms"},"animation-easing":{"type":"select","label":"Animation Easing","designerLabel":"Easing","designerGroup":"Animation","default":"ease-in-out","options":["ease-out","ease-in","ease-in-out","linear","ease"]},"size":{"type":"range","label":"Size","designerLabel":"Size","designerGroup":"Extra","default":60,"min":0,"max":10000,"unit":"px"}},"username":{"padding":{"type":"range","label":"Padding","designerLabel":"Padding","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-advanced":{"type":"toggle","label":"Advanced Padding","designerLabel":"Per-Side","designerGroup":"Extra","default":false},"padding-top":{"type":"range","label":"Top Padding","designerLabel":"Top","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-right":{"type":"range","label":"Right Padding","designerLabel":"Right","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-bottom":{"type":"range","label":"Bottom Padding","designerLabel":"Bottom","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-left":{"type":"range","label":"Left Padding","designerLabel":"Left","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"background-color":{"type":"color","label":"Background Color","designerLabel":"Background","designerGroup":"Background","default":"transparent"},"background-gradient":{"type":"gradient","label":"Background Gradient","designerLabel":"Gradient","designerGroup":"Background","default":""},"border-width":{"type":"range","label":"Border Width","designerLabel":"Border Thickness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-style":{"type":"select","label":"Border Style","designerLabel":"Border Style","designerGroup":"Border","default":"solid","options":["none","solid","dashed","dotted","double"]},"border-color":{"type":"color","label":"Border Color","designerLabel":"Border Color","designerGroup":"Border","default":"transparent"},"border-radius":{"type":"range","label":"Border Radius","designerLabel":"Roundness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-advanced":{"type":"toggle","label":"Advanced Border Radius","designerLabel":"Per-Corner","designerGroup":"Border","default":false},"border-radius-top-left":{"type":"range","label":"Top Left Radius","designerLabel":"Top Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-top-right":{"type":"range","label":"Top Right Radius","designerLabel":"Top Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-right":{"type":"range","label":"Bottom Right Radius","designerLabel":"Bottom Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-left":{"type":"range","label":"Bottom Left Radius","designerLabel":"Bottom Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-offset-x":{"type":"range","label":"Shadow Offset X","designerLabel":"Shadow X","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-offset-y":{"type":"range","label":"Shadow Offset Y","designerLabel":"Shadow Y","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-blur-radius":{"type":"range","label":"Shadow Blur","designerLabel":"Shadow Blur","designerGroup":"Shadow","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-spread-radius":{"type":"range","label":"Shadow Spread","designerLabel":"Shadow Size","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-color":{"type":"color","label":"Shadow Color","designerLabel":"Shadow Color","designerGroup":"Shadow","default":"#000000"},"box-shadow-inset":{"type":"toggle","label":"Shadow Inset","designerLabel":"Inner Shadow","designerGroup":"Shadow","default":false},"font-size":{"type":"range","label":"Font Size","designerLabel":"Text Size","designerGroup":"Typography","default":14,"min":0,"max":10000,"unit":"px"},"font-color":{"type":"color","label":"Font Color","designerLabel":"Text Color","designerGroup":"Typography","default":"#ffffff"},"font-family":{"type":"select","label":"Font Family","designerLabel":"Font","designerGroup":"Typography","default":"Inter","options":["Bebas Neue","Righteous","Bungee","Permanent Marker","Press Start 2P","Bangers","Alfa Slab One","Russo One","Orbitron","Audiowide","Fredoka","Titan One","Wavefont","Linefont","Fira Code","JetBrains Mono","IBM Plex Mono","Space Mono","VCR OSD Mono","MS DOS","Pokemon GB","Courier New","Inter","Roboto","Open Sans","Lato","Montserrat","Poppins","MS Sans Serif","Nunito","Raleway","Ubuntu","Fira Sans","Work Sans","Rubik","Quicksand","Titillium Web","Trebuchet MS","Space Grotesk","Alegreya Sans","Playfair Display","Merriweather","Lora","PT Serif","Noto Serif","Crimson Text","Bitter","Libre Baskerville","Alegreya SC","Pacifico","Dancing Script","Caveat","Shadows Into Light","Indie Flower","Patrick Hand"]},"font-weight":{"type":"select","label":"Font Weight","designerLabel":"Thickness","designerGroup":"Typography","default":"400","options":["300","400","500","600","700","800","900"]},"text-shadow-offset-x":{"type":"range","label":"Text Shadow X","designerLabel":"Shadow X","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-shadow-offset-y":{"type":"range","label":"Text Shadow Y","designerLabel":"Shadow Y","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-shadow-blur-radius":{"type":"range","label":"Text Shadow Blur","designerLabel":"Shadow Blur","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-shadow-color":{"type":"color","label":"Text Shadow Color","designerLabel":"Shadow Color","designerGroup":"Typography","default":"#000000"},"text-stroke-width":{"type":"range","label":"Text Stroke Width","designerLabel":"Stroke Width","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-stroke-color":{"type":"color","label":"Text Stroke Color","designerLabel":"Stroke Color","designerGroup":"Typography","default":"#000000"},"animation-entrance":{"type":"select","label":"Entrance Animation","designerLabel":"Entrance","designerGroup":"Animation","default":"none","options":["none","fade-in","fade-in-up","fade-in-down","fade-in-left","fade-in-right","slide-in-up","slide-in-down","slide-in-left","slide-in-right","bounce-in","bounce-in-up","bounce-in-down","zoom-in","zoom-in-up","flip-in-x","flip-in-y","rotate-in","jack-in-the-box","roll-in","light-speed-in-right"]},"animation-duration":{"type":"range","label":"Animation Duration","designerLabel":"Duration","designerGroup":"Animation","default":750,"min":0,"max":10000,"unit":"ms"},"animation-delay":{"type":"range","label":"Animation Delay","designerLabel":"Delay","designerGroup":"Animation","default":0,"min":0,"max":10000,"unit":"ms"},"animation-easing":{"type":"select","label":"Animation Easing","designerLabel":"Easing","designerGroup":"Animation","default":"ease-in-out","options":["ease-out","ease-in","ease-in-out","linear","ease"]}},"message":{"padding":{"type":"range","label":"Padding","designerLabel":"Padding","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-advanced":{"type":"toggle","label":"Advanced Padding","designerLabel":"Per-Side","designerGroup":"Extra","default":false},"padding-top":{"type":"range","label":"Top Padding","designerLabel":"Top","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-right":{"type":"range","label":"Right Padding","designerLabel":"Right","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-bottom":{"type":"range","label":"Bottom Padding","designerLabel":"Bottom","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"padding-left":{"type":"range","label":"Left Padding","designerLabel":"Left","designerGroup":"Extra","default":0,"min":0,"max":10000,"unit":"px"},"background-color":{"type":"color","label":"Background Color","designerLabel":"Background","designerGroup":"Background","default":"transparent"},"background-gradient":{"type":"gradient","label":"Background Gradient","designerLabel":"Gradient","designerGroup":"Background","default":""},"border-width":{"type":"range","label":"Border Width","designerLabel":"Border Thickness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-style":{"type":"select","label":"Border Style","designerLabel":"Border Style","designerGroup":"Border","default":"solid","options":["none","solid","dashed","dotted","double"]},"border-color":{"type":"color","label":"Border Color","designerLabel":"Border Color","designerGroup":"Border","default":"transparent"},"border-radius":{"type":"range","label":"Border Radius","designerLabel":"Roundness","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-advanced":{"type":"toggle","label":"Advanced Border Radius","designerLabel":"Per-Corner","designerGroup":"Border","default":false},"border-radius-top-left":{"type":"range","label":"Top Left Radius","designerLabel":"Top Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-top-right":{"type":"range","label":"Top Right Radius","designerLabel":"Top Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-right":{"type":"range","label":"Bottom Right Radius","designerLabel":"Bottom Right","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"border-radius-bottom-left":{"type":"range","label":"Bottom Left Radius","designerLabel":"Bottom Left","designerGroup":"Border","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-offset-x":{"type":"range","label":"Shadow Offset X","designerLabel":"Shadow X","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-offset-y":{"type":"range","label":"Shadow Offset Y","designerLabel":"Shadow Y","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-blur-radius":{"type":"range","label":"Shadow Blur","designerLabel":"Shadow Blur","designerGroup":"Shadow","default":0,"min":0,"max":10000,"unit":"px"},"box-shadow-spread-radius":{"type":"range","label":"Shadow Spread","designerLabel":"Shadow Size","designerGroup":"Shadow","default":0,"min":-10000,"max":10000,"unit":"px"},"box-shadow-color":{"type":"color","label":"Shadow Color","designerLabel":"Shadow Color","designerGroup":"Shadow","default":"#000000"},"box-shadow-inset":{"type":"toggle","label":"Shadow Inset","designerLabel":"Inner Shadow","designerGroup":"Shadow","default":false},"font-size":{"type":"range","label":"Font Size","designerLabel":"Text Size","designerGroup":"Typography","default":14,"min":0,"max":10000,"unit":"px"},"font-color":{"type":"color","label":"Font Color","designerLabel":"Text Color","designerGroup":"Typography","default":"#ffffff"},"font-family":{"type":"select","label":"Font Family","designerLabel":"Font","designerGroup":"Typography","default":"Inter","options":["Bebas Neue","Righteous","Bungee","Permanent Marker","Press Start 2P","Bangers","Alfa Slab One","Russo One","Orbitron","Audiowide","Fredoka","Titan One","Wavefont","Linefont","Fira Code","JetBrains Mono","IBM Plex Mono","Space Mono","VCR OSD Mono","MS DOS","Pokemon GB","Courier New","Inter","Roboto","Open Sans","Lato","Montserrat","Poppins","MS Sans Serif","Nunito","Raleway","Ubuntu","Fira Sans","Work Sans","Rubik","Quicksand","Titillium Web","Trebuchet MS","Space Grotesk","Alegreya Sans","Playfair Display","Merriweather","Lora","PT Serif","Noto Serif","Crimson Text","Bitter","Libre Baskerville","Alegreya SC","Pacifico","Dancing Script","Caveat","Shadows Into Light","Indie Flower","Patrick Hand"]},"font-weight":{"type":"select","label":"Font Weight","designerLabel":"Thickness","designerGroup":"Typography","default":"400","options":["300","400","500","600","700","800","900"]},"text-shadow-offset-x":{"type":"range","label":"Text Shadow X","designerLabel":"Shadow X","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-shadow-offset-y":{"type":"range","label":"Text Shadow Y","designerLabel":"Shadow Y","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-shadow-blur-radius":{"type":"range","label":"Text Shadow Blur","designerLabel":"Shadow Blur","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-shadow-color":{"type":"color","label":"Text Shadow Color","designerLabel":"Shadow Color","designerGroup":"Typography","default":"#000000"},"text-stroke-width":{"type":"range","label":"Text Stroke Width","designerLabel":"Stroke Width","designerGroup":"Typography","default":0,"min":0,"max":10000,"unit":"px"},"text-stroke-color":{"type":"color","label":"Text Stroke Color","designerLabel":"Stroke Color","designerGroup":"Typography","default":"#000000"},"animation-entrance":{"type":"select","label":"Entrance Animation","designerLabel":"Entrance","designerGroup":"Animation","default":"none","options":["none","fade-in","fade-in-up","fade-in-down","fade-in-left","fade-in-right","slide-in-up","slide-in-down","slide-in-left","slide-in-right","bounce-in","bounce-in-up","bounce-in-down","zoom-in","zoom-in-up","flip-in-x","flip-in-y","rotate-in","jack-in-the-box","roll-in","light-speed-in-right"]},"animation-duration":{"type":"range","label":"Animation Duration","designerLabel":"Duration","designerGroup":"Animation","default":750,"min":0,"max":10000,"unit":"ms"},"animation-delay":{"type":"range","label":"Animation Delay","designerLabel":"Delay","designerGroup":"Animation","default":0,"min":0,"max":10000,"unit":"ms"},"animation-easing":{"type":"select","label":"Animation Easing","designerLabel":"Easing","designerGroup":"Animation","default":"ease-in-out","options":["ease-out","ease-in","ease-in-out","linear","ease"]}}},"structuralSettings":{"bubble":{"direction":{"type":"select","label":"Text Direction","default":"ltr","options":["ltr","rtl"]},"message-direction":{"type":"select","label":"Message Direction","default":"bottom-up","options":["bottom-up","top-down","left-to-right","right-to-left"]},"danmaku-speed":{"type":"range","label":"Danmaku Speed","default":140,"min":40,"max":400,"unit":"px\/s"},"full-width":{"type":"toggle","label":"Full Width","default":false},"alignment":{"type":"select","label":"Alignment","default":"left","options":["left","center","right","top","bottom"]}},"avatar":{"show":{"type":"toggle","label":"Show Avatar","default":true},"position":{"type":"select","label":"Avatar Position","default":"right","options":["left","center","right"]}},"badges":{"show":{"type":"toggle","label":"Show Badges","default":true},"position":{"type":"select","label":"Badges Position","default":"before-name","options":["before-name","after-name"]}},"pronouns":{"show":{"type":"toggle","label":"Show Pronouns","default":true}},"username":{"position":{"type":"select","label":"Username Position","default":"above-message","options":["above-message","below-message","inline"]},"font-style":{"type":"select","label":"Font Style","default":"normal","options":["normal","italic"]},"text-decoration":{"type":"select","label":"Text Decoration","default":"none","options":["none","underline"]},"text-transform":{"type":"select","label":"Text Transform","default":"none","options":["none","uppercase","lowercase","capitalize"]},"text-align":{"type":"select","label":"Text Align","default":"start","options":["start","center","end"]}},"message":{"font-style":{"type":"select","label":"Font Style","default":"normal","options":["normal","italic"]},"text-decoration":{"type":"select","label":"Text Decoration","default":"none","options":["none","underline"]},"text-transform":{"type":"select","label":"Text Transform","default":"none","options":["none","uppercase","lowercase","capitalize"]},"text-align":{"type":"select","label":"Text Align","default":"start","options":["start","center","end"]}}},"propertyExpansions":{"padding":["padding","padding-advanced","padding-top","padding-right","padding-bottom","padding-left"],"chat-padding":["padding","padding-advanced","padding-top","padding-right","padding-bottom","padding-left"],"background":["background-color","background-gradient"],"border":["border-width","border-style","border-color"],"border-radius":["border-radius","border-radius-advanced","border-radius-top-left","border-radius-top-right","border-radius-bottom-right","border-radius-bottom-left"],"box-shadow":["box-shadow-offset-x","box-shadow-offset-y","box-shadow-blur-radius","box-shadow-spread-radius","box-shadow-color","box-shadow-inset"],"font":["font-size","font-color","font-family","font-weight"],"text-shadow":["text-shadow-offset-x","text-shadow-offset-y","text-shadow-blur-radius","text-shadow-color"],"text-stroke":["text-stroke-width","text-stroke-color"],"animation":["animation-entrance","animation-duration","animation-delay","animation-easing"],"size":["size"],"gap":["gap"],"width":["width"]},"fontCatalog":{"Display":["Bebas Neue","Righteous","Bungee","Permanent Marker","Press Start 2P","Bangers","Alfa Slab One","Russo One","Orbitron","Audiowide","Fredoka","Titan One","Wavefont","Linefont"],"Mono":["Fira Code","JetBrains Mono","IBM Plex Mono","Space Mono","VCR OSD Mono","MS DOS","Pokemon GB","Courier New"],"Sans serif":["Inter","Roboto","Open Sans","Lato","Montserrat","Poppins","MS Sans Serif","Nunito","Raleway","Ubuntu","Fira Sans","Work Sans","Rubik","Quicksand","Titillium Web","Trebuchet MS","Space Grotesk","Alegreya Sans"],"Serif":["Playfair Display","Merriweather","Lora","PT Serif","Noto Serif","Crimson Text","Bitter","Libre Baskerville","Alegreya SC"],"Handwriting":["Pacifico","Dancing Script","Caveat","Shadows Into Light","Indie Flower","Patrick Hand"]},"designerGroups":["Typography","Background","Border","Shadow","Animation","Extra"],"fontFaceCss":"@font-face {\n font-family: \u0027Bebas Neue\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bebas-neue\/bebas-neue-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Righteous\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/righteous\/righteous-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bungee\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bungee\/bungee-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Permanent Marker\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/permanent-marker\/permanent-marker-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Press Start 2P\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/press-start-2p\/press-start-2p-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bangers\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bangers\/bangers-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alfa Slab One\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alfa-slab-one\/alfa-slab-one-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Russo One\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/russo-one\/russo-one-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Orbitron\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/orbitron\/orbitron-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Orbitron\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/orbitron\/orbitron-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Orbitron\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/orbitron\/orbitron-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Orbitron\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/orbitron\/orbitron-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Orbitron\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/orbitron\/orbitron-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Audiowide\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/audiowide\/audiowide-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fredoka\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fredoka\/fredoka-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fredoka\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fredoka\/fredoka-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fredoka\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fredoka\/fredoka-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fredoka\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fredoka\/fredoka-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fredoka\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fredoka\/fredoka-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Titan One\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/titan-one\/titan-one-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Wavefont\u0027;\n font-style: normal;\n font-weight: 100;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/wavefont\/wavefont-100.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Wavefont\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/wavefont\/wavefont-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Wavefont\u0027;\n font-style: normal;\n font-weight: 900;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/wavefont\/wavefont-900.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Linefont\u0027;\n font-style: normal;\n font-weight: 100;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/linefont\/linefont-100.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Linefont\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/linefont\/linefont-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Linefont\u0027;\n font-style: normal;\n font-weight: 900;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/linefont\/linefont-900.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Code\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-code\/fira-code-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Code\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-code\/fira-code-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Code\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-code\/fira-code-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Code\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-code\/fira-code-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Code\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-code\/fira-code-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027JetBrains Mono\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/jetbrains-mono\/jetbrains-mono-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027JetBrains Mono\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/jetbrains-mono\/jetbrains-mono-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027JetBrains Mono\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/jetbrains-mono\/jetbrains-mono-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027JetBrains Mono\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/jetbrains-mono\/jetbrains-mono-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027JetBrains Mono\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/jetbrains-mono\/jetbrains-mono-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027JetBrains Mono\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/jetbrains-mono\/jetbrains-mono-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027IBM Plex Mono\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ibm-plex-mono\/ibm-plex-mono-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027IBM Plex Mono\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ibm-plex-mono\/ibm-plex-mono-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027IBM Plex Mono\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ibm-plex-mono\/ibm-plex-mono-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027IBM Plex Mono\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ibm-plex-mono\/ibm-plex-mono-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027IBM Plex Mono\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ibm-plex-mono\/ibm-plex-mono-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Mono\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-mono\/space-mono-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Mono\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-mono\/space-mono-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027VCR OSD Mono\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/vcr-osd-mono\/vcr-osd-mono-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027MS DOS\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ms-dos\/ms-dos-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Pokemon GB\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/pokemon-gb\/pokemon-gb-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Inter\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/inter\/inter-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Inter\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/inter\/inter-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Inter\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/inter\/inter-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Inter\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/inter\/inter-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Inter\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/inter\/inter-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Inter\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/inter\/inter-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Roboto\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/roboto\/roboto-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Roboto\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/roboto\/roboto-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Roboto\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/roboto\/roboto-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Roboto\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/roboto\/roboto-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Roboto\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/roboto\/roboto-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Roboto\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/roboto\/roboto-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Open Sans\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/open-sans\/open-sans-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Open Sans\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/open-sans\/open-sans-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Open Sans\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/open-sans\/open-sans-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Open Sans\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/open-sans\/open-sans-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Open Sans\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/open-sans\/open-sans-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Open Sans\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/open-sans\/open-sans-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lato\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lato\/lato-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lato\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lato\/lato-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lato\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lato\/lato-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Montserrat\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/montserrat\/montserrat-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Montserrat\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/montserrat\/montserrat-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Montserrat\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/montserrat\/montserrat-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Montserrat\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/montserrat\/montserrat-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Montserrat\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/montserrat\/montserrat-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Montserrat\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/montserrat\/montserrat-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Poppins\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/poppins\/poppins-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Poppins\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/poppins\/poppins-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Poppins\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/poppins\/poppins-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Poppins\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/poppins\/poppins-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Poppins\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/poppins\/poppins-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Poppins\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/poppins\/poppins-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027MS Sans Serif\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ms-sans-serif\/ms-sans-serif-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027MS Sans Serif\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ms-sans-serif\/ms-sans-serif-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Nunito\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/nunito\/nunito-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Nunito\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/nunito\/nunito-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Nunito\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/nunito\/nunito-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Nunito\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/nunito\/nunito-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Nunito\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/nunito\/nunito-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Nunito\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/nunito\/nunito-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Raleway\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/raleway\/raleway-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Raleway\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/raleway\/raleway-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Raleway\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/raleway\/raleway-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Raleway\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/raleway\/raleway-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Raleway\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/raleway\/raleway-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Raleway\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/raleway\/raleway-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Ubuntu\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ubuntu\/ubuntu-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Ubuntu\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ubuntu\/ubuntu-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Ubuntu\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ubuntu\/ubuntu-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Ubuntu\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/ubuntu\/ubuntu-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Sans\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-sans\/fira-sans-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Sans\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-sans\/fira-sans-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Sans\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-sans\/fira-sans-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Sans\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-sans\/fira-sans-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Sans\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-sans\/fira-sans-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Fira Sans\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/fira-sans\/fira-sans-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Work Sans\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/work-sans\/work-sans-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Work Sans\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/work-sans\/work-sans-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Work Sans\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/work-sans\/work-sans-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Work Sans\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/work-sans\/work-sans-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Work Sans\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/work-sans\/work-sans-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Work Sans\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/work-sans\/work-sans-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Rubik\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/rubik\/rubik-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Rubik\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/rubik\/rubik-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Rubik\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/rubik\/rubik-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Rubik\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/rubik\/rubik-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Rubik\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/rubik\/rubik-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Rubik\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/rubik\/rubik-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Quicksand\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/quicksand\/quicksand-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Quicksand\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/quicksand\/quicksand-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Quicksand\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/quicksand\/quicksand-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Quicksand\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/quicksand\/quicksand-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Quicksand\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/quicksand\/quicksand-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Titillium Web\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/titillium-web\/titillium-web-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Titillium Web\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/titillium-web\/titillium-web-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Titillium Web\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/titillium-web\/titillium-web-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Titillium Web\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/titillium-web\/titillium-web-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Titillium Web\u0027;\n font-style: normal;\n font-weight: 900;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/titillium-web\/titillium-web-900.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Grotesk\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-grotesk\/space-grotesk-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Grotesk\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-grotesk\/space-grotesk-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Grotesk\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-grotesk\/space-grotesk-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Grotesk\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-grotesk\/space-grotesk-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Space Grotesk\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/space-grotesk\/space-grotesk-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alegreya Sans\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alegreya-sans\/alegreya-sans-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alegreya Sans\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alegreya-sans\/alegreya-sans-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alegreya Sans\u0027;\n font-style: normal;\n font-weight: 900;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alegreya-sans\/alegreya-sans-900.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Playfair Display\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/playfair-display\/playfair-display-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Playfair Display\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/playfair-display\/playfair-display-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Playfair Display\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/playfair-display\/playfair-display-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Playfair Display\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/playfair-display\/playfair-display-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Playfair Display\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/playfair-display\/playfair-display-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Merriweather\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/merriweather\/merriweather-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Merriweather\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/merriweather\/merriweather-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Merriweather\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/merriweather\/merriweather-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Merriweather\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/merriweather\/merriweather-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Merriweather\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/merriweather\/merriweather-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Merriweather\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/merriweather\/merriweather-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lora\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lora\/lora-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lora\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lora\/lora-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lora\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lora\/lora-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Lora\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/lora\/lora-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027PT Serif\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/pt-serif\/pt-serif-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027PT Serif\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/pt-serif\/pt-serif-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Noto Serif\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/noto-serif\/noto-serif-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Noto Serif\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/noto-serif\/noto-serif-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Noto Serif\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/noto-serif\/noto-serif-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Noto Serif\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/noto-serif\/noto-serif-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Noto Serif\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/noto-serif\/noto-serif-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Noto Serif\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/noto-serif\/noto-serif-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Crimson Text\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/crimson-text\/crimson-text-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Crimson Text\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/crimson-text\/crimson-text-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Crimson Text\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/crimson-text\/crimson-text-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bitter\u0027;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bitter\/bitter-300.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bitter\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bitter\/bitter-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bitter\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bitter\/bitter-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bitter\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bitter\/bitter-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bitter\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bitter\/bitter-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Bitter\u0027;\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/bitter\/bitter-800.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Libre Baskerville\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/libre-baskerville\/libre-baskerville-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Libre Baskerville\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/libre-baskerville\/libre-baskerville-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Libre Baskerville\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/libre-baskerville\/libre-baskerville-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Libre Baskerville\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/libre-baskerville\/libre-baskerville-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alegreya SC\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alegreya-sc\/alegreya-sc-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alegreya SC\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alegreya-sc\/alegreya-sc-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Alegreya SC\u0027;\n font-style: normal;\n font-weight: 900;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/alegreya-sc\/alegreya-sc-900.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Pacifico\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/pacifico\/pacifico-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Dancing Script\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/dancing-script\/dancing-script-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Dancing Script\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/dancing-script\/dancing-script-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Dancing Script\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/dancing-script\/dancing-script-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Dancing Script\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/dancing-script\/dancing-script-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Caveat\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/caveat\/caveat-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Caveat\u0027;\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/caveat\/caveat-500.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Caveat\u0027;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/caveat\/caveat-600.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Caveat\u0027;\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/caveat\/caveat-700.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Shadows Into Light\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/shadows-into-light\/shadows-into-light-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Indie Flower\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/indie-flower\/indie-flower-400.woff2\u0027) format(\u0027woff2\u0027);\n}\n@font-face {\n font-family: \u0027Patrick Hand\u0027;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\u0027\/fonts\/styles\/patrick-hand\/patrick-hand-400.woff2\u0027) format(\u0027woff2\u0027);\n}","fontWeights":{"inter":[300,400,500,600,700,800],"roboto":[300,400,500,600,700,800],"open-sans":[300,400,500,600,700,800],"lato":[300,400,700],"montserrat":[300,400,500,600,700,800],"ms-dos":[400],"ms-sans-serif":[400,700],"poppins":[300,400,500,600,700,800],"pokemon-gb":[400],"nunito":[300,400,500,600,700,800],"raleway":[300,400,500,600,700,800],"ubuntu":[300,400,500,700],"fira-sans":[300,400,500,600,700,800],"work-sans":[300,400,500,600,700,800],"rubik":[300,400,500,600,700,800],"quicksand":[300,400,500,600,700],"playfair-display":[400,500,600,700,800],"merriweather":[300,400,500,600,700,800],"lora":[400,500,600,700],"pt-serif":[400,700],"noto-serif":[300,400,500,600,700,800],"crimson-text":[400,600,700],"bitter":[300,400,500,600,700,800],"libre-baskerville":[400,500,600,700],"fira-code":[300,400,500,600,700],"jetbrains-mono":[300,400,500,600,700,800],"ibm-plex-mono":[300,400,500,600,700],"space-mono":[400,700],"bebas-neue":[400],"righteous":[400],"bungee":[400],"permanent-marker":[400],"press-start-2p":[400],"bangers":[400],"alfa-slab-one":[400],"russo-one":[400],"orbitron":[400,500,600,700,800],"audiowide":[400],"fredoka":[300,400,500,600,700],"titan-one":[400],"trebuche-ms":[400,700],"pacifico":[400],"dancing-script":[400,500,600,700],"caveat":[400,500,600,700],"shadows-into-light":[400],"indie-flower":[400],"patrick-hand":[400],"titillium-web":[300,400,600,700,900],"space-grotesk":[300,400,500,600,700],"vcr-osd-mono":[400],"alegreya-sans":[400,700,900],"alegreya-sc":[400,700,900],"courier-new":[400,700],"wavefont":[100,400,900],"linefont":[100,400,900]},"elementConfig":{"chat":{"icon":"heroicon-o-chat-bubble-bottom-center","label":"Chat"},"bubble":{"icon":"🔲","label":"Bubble"},"avatar":{"icon":"👤","label":"Avatar"},"username":{"icon":"@","label":"Username"},"message":{"icon":"💬","label":"Message"}}}'), null, 'preview', null, null, null, null, '', 'HH:MM:SS', null, false)

Twitch Basic

Skins