move toast general style in Toast component

src/common/Toast/Toast.js

@@ -1,7 +1,9 @@
 const React = require('react');
+const classnames = require('classnames');
 const useLiveRef = require('stremio/common/useLiveRef');
 const { Modal } = require('stremio-router');
 const ToastItem = require('./ToastItem');
+const styles = require('./styles');
 
 const DEFAULT_TIMEOUT = 2000;
 
@@ -33,7 +35,7 @@ const Toast = React.forwardRef(({ className }, ref) => {
     React.useImperativeHandle(ref, () => ({ show, hideAll }));
 
     return toastItems.length === 0 ? null : (
-        <Modal className={className}>
+        <Modal className={classnames(className, styles['toast-container'])}>
             {toastItems.map((item, index) => (<ToastItem {...item} key={index} />))}
         </Modal>
     );

src/common/Toast/styles.less

@@ -0,0 +1,4 @@
+.toast-container {
+    pointer-events: none;
+    left: auto !important;
+}

storybook/stories/Toast/SimpleToast/styles.less

@@ -8,12 +8,9 @@
         background-color: var(--color-primarydark);
         padding: .5rem;
         margin: .5rem;
-
     }
 }
 
 .toasts-container {
     width: 30rem;
-    pointer-events: none;
-    left: auto !important;
 }