import styled from 'styled-components';

const css = styled.div;

export default css`
   .ds-toast {
      display: flex;
      min-width: 300px;
      justify-content: center;
      align-self: center;
   }

   .icon {
      padding-right: 5px;
      flex: 1;

      &.error {
         color: crimson;
      }

      &.danger {
         color: crimson;
      }

      &.warning {
         color: #ffcc00;
      }

      &.success {
         color: #2ecc71;
      }
   }

   .close {
      flex: 1;
      text-align: right;
   }

   .message {
      flex: 98;
   }
`;
