import styled from 'styled-components';

const css = styled.div;

export default css`
   position: fixed;
   bottom: 0px;
   left: 0px;

   .ds-toast-container {
      background: #202124;
      color: #fff;
      padding: 16px 21px;
      border-radius: 10px;
      border: none;
      font-weight: bold;
      letter-spacing: 0.3px;
      transition: all 1000ms;
      opacity: 0;

      &.opening {
         transition: all 1000ms;
         opacity: 1;
      }

      &.closing {
         transition: all 200ms;
      }
   }

   .close {
      float: right;
      font-size: 1rem;
      line-height: 1.5;
      color: #fff;
      text-shadow: none;
      opacity: 1;
      font-weight: 300;
   }
`;
