@use '_theme.scss';

.signin {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--color-line);
  padding: 15px 20px;
  height: 80px;

  .btn-container {
    &:focus {
      outline: none;
    }
  }

  .signin-info {
    width: 60%;
    padding-right: 10px;
    align-self: flex-start;
    color: var(--text-color-medium);
  }

  .signin-title {
    font-size: var(--text-size-h4);
    padding: 0;
    text-align: left;
  }

}

@media (min-width: theme.$lg) {
  .drawer-wrapper {
    .signin {
      display: none;
    }
  }
}
