@media screen and (min-width: 800px) {
  .chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer; }
    .chat .circleChatButtonWrap {
      /* !important is necessary to override inline styles placed by chat widget */
      box-sizing: content-box !important;
      border: 5px solid #ffffff !important;
      border-radius: 50% !important; } }

@media screen and (max-width: 799px) {
  .chat {
    position: static;
    /*
     * This is gross, but the embedded js inserts a couple nested divs with
     * no accessible class/id to taget. We need to make the chat button static
     * in the footer so this forces all divs to be static then resets styles
     * on circleChatButtonWrap and children
     */ }
    .chat div {
      position: static !important; }
    .chat .circleChatButtonWrap {
      position: relative !important; }
      .chat .circleChatButtonWrap div {
        position: absolute !important; } }

/*# sourceMappingURL=../../maps/components/block/block--chat.css.map */