@import ../../styles/helpers

.big-order
    display: flex
    text-align: left
    flex-direction: column
    margin: 0 auto
    margin-bottom: 64px
    width: 100%
    padding: 32px 64px 54px 64px
    background: $neutrals2
    border-radius: 24px
    transition: all .2s

.line-item-header
    font-weight: 600

.row
    display: flex
    width: 60%
    flex-grow: 1
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px

    .poster
        position: relative
        display: inline-block
        vertical-align: top
        flex-shrink: 0
        width: 345px
        height: 200px
        overflow: hidden
        margin: 0 0 0 0

        .image
            position: absolute
            z-index: 1
            top: 0px
            left: 0px
            width: 345px
            border-radius: 6px

    .info
        margin-left: 10px
        flex-shrink: 0
        flex-grow: 1

.surface
    position: relative
    display: block
    width: 100%
    height: 100%