chore: Move unscoped styles to global stylesheet (#3422)

app/javascript/widget/views/Unread.vue

@@ -178,62 +178,3 @@ export default {
   }
 }
 </style>
-
-<style lang="scss">
-@import '~widget/assets/scss/variables';
-
-.unread-messages {
-  width: 100%;
-  margin-top: 0;
-  padding-bottom: $space-small;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  overflow-y: auto;
-
-  .chat-bubble-wrap {
-    margin-bottom: $space-smaller;
-
-    &:first-child {
-      margin-top: auto;
-    }
-    .chat-bubble {
-      border: 1px solid $color-border-dark;
-    }
-
-    + .chat-bubble-wrap {
-      .chat-bubble {
-        border-top-left-radius: $space-smaller;
-      }
-    }
-    &:last-child .chat-bubble {
-      border-bottom-left-radius: $space-two;
-    }
-  }
-}
-
-.is-widget-right .unread-wrap {
-  text-align: right;
-  overflow: hidden;
-
-  .chat-bubble-wrap {
-    .chat-bubble {
-      border-radius: $space-two;
-      border-bottom-right-radius: $space-smaller;
-    }
-
-    + .chat-bubble-wrap {
-      .chat-bubble {
-        border-top-right-radius: $space-smaller;
-      }
-    }
-    &:last-child .chat-bubble {
-      border-bottom-right-radius: $space-two;
-    }
-  }
-
-  .close-unread-wrap {
-    text-align: right;
-  }
-}
-</style>