Artifact Content
Not logged in

Artifact 33c02b15d41e837672ccdf1983faf1dba81a351d:

Unrecognized artifact
.chat-room
  position: fixed
  width: 100%
  height: 100%
  background-color: $color-smoke-dark
  .remote
    width: $remote-width
    height: $remote-width
    background: $color-smoke-medium
    position: relative
    top: 130px
    left: 50%
    transform: translate(-50%, 0)
    border-radius: 5px
    overflow: hidden
    video
      width: 100%
      height: 100%
      transform: scale(1.3)
    .origin
      width: $origin-width
      height: $origin-width
      background: $color-smoke-light
      position: absolute
      top: 0
      right: 0
      border-radius: 5px
      overflow: hidden
      video
        width: 100%
        height: 100%
        transform: scale(1.3)
    .opts
      width: 100%
      position: absolute
      left: 0
      bottom: 24px
      text-align: center
      .opts
        display: inline-block
  .status
    text-align: center
    .status-b
      width: 100%
      height: 100%
      background-color: rgba(0, 0, 0, 0.5)
      position: absolute
      top: 0
      left: 0
    .card-1
      min-height: 220px
    .call-for
      text-align: center
      width: 100%
      position: relative
      .call-for-b
        display: inline-block
      .caller,
      .callee
        font-size: 18px
        color: $color-smoke-medium
        line-height: 50px
        width: 50%
      .caller
        float: left
        padding-right: 50px
        text-align: right
      .callee
        float: left
        padding-left: 50px
        text-align: left
      .split
        float: left
        width: 100px
        height: 30px
        margin: 10px 0
        background-image: url($connect-url)
        background-position: center
        background-size: contain
        background-repeat: no-repeat
        position: absolute
        left: 50%
        transform: translate(-50%, 0)
    &.connected
      .status-b
        height: auto
        background-color: transparent
      .card-1
        top: 16px
        transform: translate(-50%, 0)
        min-height: 80px
        padding: 16px
        .logo
          width: $logo-xs
          height: $logo-xs
          top: 16px
          left: 16px
          &.logo-sm
            .logo-img
              height: 30px
      .call-for
        .caller,
        .callee
          line-height: 30px
        .split
          margin: 0
      .opts
        display: none !important
    .id
      font-size: 14px
      color: $color-smoke-light
      font-weight: 600
      width: 100%
      margin-top: 8px
      line-height: 24px
    .opts
      display: inline-block
      .opt
        margin: 16px 0 0
        button.primary-green
          font-size: 18px
          background-color: $color-green
          color: #ffffff
          line-height: 46px
          padding: 0 36px