import styled from 'styled-components'
import {rem, zIndex} from '../../style/function.style'

export const MarqueeContainer = styled.div`
  z-index: ${zIndex('fixed-layer')};
  padding: 0 ${rem(30)};
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  right: 0;

  ul {
      display: inline-block;
  }

  li {
      display: inline-block;
      padding-right: ${rem(80)};
  }
`