:root {
  /* Overarching values. */
  --df-messenger-primary-color: rgb(0 0 0 / 0%);
  --df-messenger-border-color: rgb(196, 199, 197);
  --df-messenger-element-font-color: rgb(68, 71, 70);
  --df-messenger-font-family: "Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W4",sans-serif;

  /* Chat. */
  --df-messenger-chat-border: 1px solid var(--df-messenger-border-color);
  --df-messenger-chat-border-radius: 0;
  --df-messenger-chat-background: #FFFFFF;
  --df-messenger-chat-padding: 24px 24px 8px 24px;
  --df-messenger-chat-scroll-button-enabled-display: flex;
  --df-messenger-chat-scroll-button-align: flex-end;
  --df-messenger-chat-scroll-button-container-padding: 8px 16px;
  --df-messenger-chat-scroll-button-background: #009FE3;
  --df-messenger-chat-scroll-button-font-color: #ffffff;
  --df-messenger-chat-scroll-button-text-display: none;
  --df-messenger-chat-scroll-button-padding: 8px;
  --df-messenger-chat-function-call-button-background: rgb(168, 199, 250);
  --df-messenger-chat-function-call-button-font-color: rgb(4, 30, 73);
  --df-messenger-message-font-family: "Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W4",sans-serif;

  /* Bubble. */
  --df-messenger-chat-window-height: 560px;
  --df-messenger-chat-window-width: 560px;
  --df-messenger-chat-padding-minimized: 0px;
  --df-messenger-chat-bubble-icon-size: 120px;
  --df-messenger-chat-bubble-size: 80px;
  */ --df-messenger-chat-bubble-border-radius: 32px; */
  --df-messenger-chat-bubble-background: rgb(0 0 0 / 0%);
  --df-messenger-chat-bubble-close-icon-color: rgb(0 0 0 / 0%);
  --df-messenger-chat-bubble-close-icon-size: 48px;
  --df-messenger-chat-bubble-icon-color: rgb(0 0 0 / 0%);
  --df-messenger-chat-window-offset: 0px;
  
  /* Titlebar. */
  --df-messenger-focus-color-contrast: var(--df-messenger-focus-color, var(--df-messenger-default-focus-color));
  --df-messenger-titlebar-background: #941c80;
  --df-messenger-titlebar-font-color: #ffffff;
  --df-messenger-titlebar-border-bottom: 1px solid var(--df-messenger-border-color);
  --df-messenger-titlebar-icon-font-color: #ffffff;
  --df-messenger-titlebar-subtitle-font-color: #ffffff;
  --df-messenger-secondary-font-color:  #ffffff;
  --df-messenger-default-secondary-font-color));
  --df-messenger-titlebar-padding: 10px 24px;
  --df-messenger-titlebar-title-font-size: 22px;
  --df-messenger-titlebar-title-line-height: 28px;
  --df-messenger-titlebar-subtitle-font-size: 12px;
  --df-messenger-titlebar-subtitle-line-height: 16px;
  --df-messenger-titlebar-button-background-hover: rgba(68, 71, 70, 0.08);
  --df-messenger-titlebar-button-color-inactive: var(--df-messenger-icon-font-color, var(--df-messenger-default-icon-font-color));
  --df-messenger-titlebar-button-background-active: rgb(241, 244, 248);
  --df-messenger-titlebar-button-color-active: var(--df-messenger-primary-color, var(--df-messenger-default-primary-color));
  --df-messenger-titlebar-title-font-family: "Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W4",sans-serif;
  --df-messenger-titlebar-subtitle-font-family: "Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W4",sans-serif;

  /* Messages. */
  --df-messenger-message-padding: 16px;
  --df-messenger-message-bot-background: #f5f5f5;
  --df-messenger-message-user-background: #f6ecf4;
  --df-messenger-message-border-radius: 16px;
  --df-messenger-message-bot-border-top-left-radius: 0;
  --df-messenger-message-bot-stack-border-top-left-radius: 0;
  --df-messenger-message-bot-stack-border-bottom-left-radius: 0;
  --df-messenger-message-user-border-top-right-radius: 0;
  --df-messenger-message-user-stack-border-top-right-radius: 0;
  --df-messenger-message-user-stack-border-bottom-right-radius: 0;
  --df-messenger-message-stack-spacing: 4px;
  --df-messenger-message-font-family: "Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W4",sans-serif;

  /* User Input. */
  --df-messenger-input-long-text-warning-display: block;
  --df-messenger-input-box-background: rgb(255, 255, 255);
  --df-messenger-input-padding: 16px 8px 24px 24px;
  --df-messenger-input-inner-padding: 0 48px 0 0;
  --df-messenger-input-background: #f5f5f5;
  --df-messenger-input-border-top: none;
  --df-messenger-input-box-border: 1px solid var(--df-messenger-border-color);
  --df-messenger-input-box-border-radius: 32px;
  --df-messenger-input-box-padding: 16px 32px;
  --df-messenger-input-box-focus-border: 2px solid; color; #941c80;
  --df-messenger-input-box-focus-padding: 15px 31px;
  --df-messenger-send-icon-offset-y: 2px;
  --df-messenger-send-icon-color-active: #941c80;
  --df-messenger-input-font-family: "Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W4",sans-serif;
  --df-messenger-input-font-size: 16px;

  /* Links (in MD / HTML). */
  --df-messenger-link-decoration: none;
  --df-messenger-link-font-color: #941c80;
  --df-messenger-link-visited-font-color: #941c80;
  --df-messenger-link-hover-font-color: #941c80;
  --df-messenger-link-background-color: rgb(255, 255, 255);
  --df-messenger-link-padding: 2px 6px;
  --df-messenger-link-border: 1px solid; color; #941c80;
  --df-messenger-link-border-radius: 4px;
  
  
  --df-messenger-link-visited-font-color: #941c80;
  --df-messenger-link-font-color: #941c80;
  

  /* Tables (in MD / HTML). */
  --df-messenger-table-border-color: rgb(230, 230, 230);
  --df-messenger-table-padding: 12px 16px;
  --df-messenger-table-font-size: 14px;
  --df-messenger-table-border-radius: 16px;
  --df-messenger-table-header-background: rgb(242, 242, 242);
  --df-messenger-table-header-padding: 12px 16px;
  --df-messenger-table-header-font-size: 14px;
  --df-messenger-table-header-font-weight: 500;
  --df-messenger-table-header-border-top: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-header-border-bottom: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-header-border-left-first: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-header-border-right-last: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-border-bottom: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-border-left-first: 1px solid var(--df-messenger-table-border-color);
  --df-messenger-table-border-right-last: 1px solid var(--df-messenger-table-border-color);

  /* Card. */
  --df-messenger-card-box-shadow: none;
  --df-messenger-card-border: none;
  --df-messenger-card-border-radius: 16px;
  --df-messenger-card-border-top-left-radius: 0;
  --df-messenger-card-stack-border-bottom-left-radius: 0;
  --df-messenger-card-stack-border-top-left-radius: 0;

  /* Chips. */
  --df-messenger-chips-box-shadow: none;
  --df-messenger-chips-font-color: var(--df-messenger-element-font-color);
  --df-messenger-chips-icon-font-color: var(--df-messenger-element-font-color);
  --df-messenger-chips-border-radius: 8px;

  /* Files. */
  --df-messenger-files-box-shadow: none;

  /* Citations. */
  --df-messenger-citations-font-color: var(--df-messenger-element-font-color);
  --df-messenger-citations-border-color: var(--df-messenger-border-color);
  --df-messenger-citations-border-radius: 999px;
  --df-messenger-citations-padding: 4px 16px;
  --df-messenger-citations-icon-offset: -8px;
  --df-messenger-citations-icon-font-size: 24px;
  --df-messenger-citations-message-display: none;

  /* Button. */
  --df-messenger-button-border: 1px solid var(--df-messenger-border-color);
  --df-messenger-button-padding: 8px;

  /* Image. */
  --df-messenger-image-border-radius: 16px;
  
  --df-messenger-message-actor-image-size: 48px;

  /* Video. */
  --df-messenger-video-border-radius: 16px;
  --df-messenger-video-border: 1px solid var(--df-messenger-border-color);

  /* List. */
  --df-messenger-list-padding: 16px;

  /* Feedback. */
  --df-messenger-message-rich-feedback-spacing: 16px;
  --df-messenger-message-rich-feedback-padding: 16px;
  --df-messenger-message-rich-feedback-background: rgb(255, 255, 255);
  --df-messenger-message-rich-feedback-border-radius: 16px;
  --df-messenger-message-rich-feedback-chips-spacing: 8px;
  --df-messenger-message-rich-feedback-chips-background: rgb(255, 255, 255);
  --df-messenger-message-rich-feedback-chips-background-active: rgba(68, 71, 70, 0.12);
  --df-messenger-message-rich-feedback-chips-font-color: var(--df-messenger-element-font-color);
  --df-messenger-message-rich-feedback-chips-font-color-active: var(--df-messenger-element-font-color);
  --df-messenger-message-rich-feedback-submit-align: flex-start;
  --df-messenger-message-rich-feedback-submit-font-color: var(--df-messenger-element-font-color);
  --df-messenger-message-feedback-icon-border: var(--df-messenger-default-border);
  --df-messenger-message-feedback-icon-border-radius: 8px;
  --df-messenger-message-feedback-icon-background: rgb(255, 255, 255);
  --df-messenger-message-feedback-icon-padding: 8px;
  --df-messenger-message-feedback-icon-font-color-active: #941c80;
  --df-messenger-message-feedback-icon-background-hover: rgba(68, 71, 70, 0.08);
}
  
#clear-storage-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    background: #941c80;
    background: linear-gradient(90deg, rgb(148, 28, 128) 0%, rgb(186, 67, 166) 100%);
    border-radius: 100px;
    padding: 8px 40px;
    margin: 20px auto;
    min-width: 180px;
    transition: .2s
}

#clear-storage-button:hover {
    background: #db75ca;
    background: linear-gradient(90deg, rgb(219, 117, 202) 0%, rgb(245, 165, 231) 100%)
}

  /* df-messenger {
  --df-messenger-bubble-width: 60px;
  --df-messenger-bubble-height: 60px;
  --df-messenger-bubble-bottom: 0px;
  --df-messenger-bubble-right: 24px;
} */

df-messenger-chat-bubble {
    position: fixed;
    bottom: 0px;
    right: 24px;
    z-index: 1000;
}

      df-messenger-chat-bubble {
        right: -120px;
        animation-name: bounce-left;
        animation-duration: 1.5s;
        animation-delay: 2s;
        animation-fill-mode: forwards;
        animation-timing-function: ease;
      }

      @keyframes bounce-left {
        0% {
          right: -120px;
        }

        5% {
          right: -120px;
        }

        10% {
          right: -120px;
        }

        20% {
          right: 33px;
        }

        25% {
          right: 20px;
        }

        30% {
          right: 28px;
        }

        35% {
          right: 24px;
        }

        100% {
          right: 24px;
        }
      }