import styled from 'styled-components';

const css = styled.div;

export default css`
   img {
      height: 110px;
   }

   form {
      width: 100%;
   }

   .youtube-container {
      display: flex;
      padding: 10px;

      .youtube-url {
         padding: 5px 0px;
         font-size: 11px;
         font-weight: bold;
      }

      .video-info {
         padding: 0px 10px;
      }

      .youtube-title {
         padding-bottom: 5px;
         font-weight: bold;
      }

      .youtube-description {
         width: 100%;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
      }
   }

   .error-input {
      color: ${(props) => props.theme.red};
      text-align: left;
      font-weight: 600;
      margin: 0px;
      padding: 0px;
      font-size: 13px;
      margin-top: 2px;
      margin-bottom: 10px;
   }
`;
