.chat{--button-icon-size: 1.6875rem;--button-gap: var(--spacing-xxs);--button-background-color--hover: var(--color-secondary-light);--button-border-color--hover: var(--button-background-color--hover);position:fixed;bottom:var(--spacing-xs);right:var(--spacing-xs);z-index:var(--z-index-chat-button);text-decoration:none;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;-o-transition:opacity .2s ease,-o-transform .2s ease;-moz-transition:transform .2s ease,opacity .2s ease,-moz-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease,-moz-transform .2s ease,-o-transform .2s ease}.chat--hidden{opacity:0;pointer-events:none;-webkit-transform:translateY(-webkit-calc(100% + var(--spacing-xs)));-moz-transform:translateY(-moz-calc(100% + var(--spacing-xs)));-o-transform:translateY(calc(100% + var(--spacing-xs)));transform:translateY(calc(100% + var(--spacing-xs)))}[data-puzzel-chat]{z-index:-webkit-calc(var(--z-index-chat-button) + 1);z-index:-moz-calc(var(--z-index-chat-button) + 1);z-index:calc(var(--z-index-chat-button) + 1)}[data-puzzel-chat] h2{font-weight:700}[data-puzzel-chat] h2+p{margin-top:var(--spacing-xxs);margin-bottom:var(--spacing-xs)}[data-puzzel-chat] button[type=submit]:not(.is-icon){display:inline-block;margin:auto;text-transform:none;width:unset!important;--button-text-color: var(--color-white);--button-text-color--hover: var(--button-text-color);--button-background-color: var(--button-color);--button-background-color--hover: var(--button-background-color);--button-border-color: var(--button-color);--button-border-color--hover: var(--button-color);--button-padding: .5rem 1.5rem;--button-gap: .625rem;--button-border-radius: var(--border-radius-xs);--button-icon-size: .8125rem;--button-icon-color: currentColor;--button-icon-color--hover: var(--color-icon-color);--button-hover-decoration: underline;--button-display: inline-flex;--button-white-space: wrap;--button-min-width: initial;--button-align-items: center;--button-justify-content: center;position:var(--button-position);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color);background:var(--button-background-color);border:1px solid var(--button-border-color);padding:var(--button-padding);-webkit-border-radius:var(--button-border-radius);-moz-border-radius:var(--button-border-radius);border-radius:var(--button-border-radius);gap:var(--button-gap);text-decoration:none;display:var(--button-display);-webkit-box-align:var(--button-align-items);-webkit-align-items:var(--button-align-items);-moz-box-align:var(--button-align-items);align-items:var(--button-align-items);-webkit-box-pack:var(--button-justify-content);-webkit-justify-content:var(--button-justify-content);-moz-box-pack:var(--button-justify-content);justify-content:var(--button-justify-content);text-align:center;line-height:1.2;min-height:var(--button-min-height);white-space:var(--button-white-space);min-width:var(--button-min-width);pointer-events:var(--button-pointer-events, auto)}@media screen and (min-width: 48rem){[data-puzzel-chat] button[type=submit]:not(.is-icon){--button-padding: .75rem 1.5rem;--button-gap: var(--spacing-3xs);--button-font-size: var(--font-size-regular)}}[data-puzzel-chat] button[type=submit]:not(.is-icon) svg{height:var(--button-icon-size);width:var(--button-icon-size);color:var(--button-icon-color);-webkit-flex-shrink:0;flex-shrink:0}[data-puzzel-chat] button[type=submit]:not(.is-icon):hover,[data-puzzel-chat] button[type=submit]:not(.is-icon):focus-visible{-webkit-text-decoration:var(--button-hover-decoration);text-decoration:var(--button-hover-decoration);background:var(--button-background-color--hover);border-color:var(--button-border-color--hover);color:var(--button-text-color--hover)}[data-puzzel-chat] button[type=submit]:not(.is-icon):hover svg,[data-puzzel-chat] button[type=submit]:not(.is-icon):focus-visible svg{color:var(--button-icon-color--hover, var(--button-icon-color))}[data-puzzel-chat] button[type=submit]:not(.is-icon){--button-padding: .5rem 1.25rem;--button-border-radius: var(--border-radius-xs);min-width:unset}[data-puzzel-chat] div:has(>button[type=submit]){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}
