75645656564654

564564456456546

/*
  *   COMPONENT - ACTIVE-CIRCUIT-CHAT
  */
  #component.circuitLayout #wrapper.activeCircuitChat {
    height: 100%;
  }

  #component.circuitLayout #component.activeCircuitChat {
    height: 100%;
  }

  #component.circuitLayout #component.activeCircuitChat>.ui.segment {
    height: 100%;
    padding: 0.420rem;
    padding-bottom: 2.420rem;
  }

  #component.circuitLayout #component.activeCircuitChat>.ui.segment>.ui.menu {
    font-size: 0.69rem;
    margin: 0 auto;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item {
    padding: 0 0.620rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(1) {
    padding: 0 0.420rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(3) {
    font-size: 0.555rem;
    transform: translateY(0.1rem);
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(3) .icon.angle.double.down {
    transform: translateY(-0.555rem);
    font-size: 0.555rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(5) {
    font-size: 0.840rem;
    transform: translateY(-0.1rem);
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(5) .icon.angle.double.up {
    transform: translateY(-0.642rem);
    font-size: 0.642rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(6) {
    font-weight: bolder;
    transform: translateY(-0.1rem);
    font-size: .840rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(7) {
    transform: translateY(-0.1rem);
    font-size: .840rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(8) {
    transform: translateY(-0.1rem);
    font-size: .840rem;
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(9) {
    transform: translateY(-0.1rem);
    font-size: .840rem;
    text-decoration: underline;
    color: #6435c9;
    font-weight: bolder;/*colorado*/
  }

  #component.circuitLayout #component.activeCircuitChat .ui.menu>.item:nth-child(10)>.ui.image {
    transform: translateY(-0.1rem);
    width: 1rem;
    height: 1rem;
  }

  #component.circuitLayout #component.activeCircuitChat .text-formatted {
    border: 0.105rem solid #484848;
    border-radius: 0.420rem;
    padding: 0.420rem;
    font-size: 1rem;
    height: 100%;
    position: relative;
    line-height: 1.420rem;
    transition: border .420s ease-out;
    cursor: text;
    overflow-y: scroll;
  }

  #component.circuitLayout #component.activeCircuitChat .text-formatted.focused {
    border: 0.105rem solid #6435c9;
  }

  #component.circuitLayout #component.activeCircuitChat .text-formatted .chat-text {
    word-break: break-word;
  }

  #component.circuitLayout #component.activeCircuitChat .text-formatted .chat-input > input {
    width: 0.105rem;
    padding: 0 0 0 0.210rem;
    margin: 0;
    background: transparent !important;
    color: transparent !important;
  }

  #component.circuitLayout #component.activeCircuitChat .text-formatted >.chat-cursor {
    font-weight: bolder;
    font-size: 1.210rem;
    line-height: 1rem;
    user-select: none;
    animation: 1s blink step-end infinite;
    transition: color 1s ease-out;
  }

  @keyframes blink {
    0% {
      color: transparent;
    }
    50% {
      color: white;
    }
    100% {
      color: transparent;
    }
  }